我需要一些帮助来弄清楚如何使用ng 2-charts在我的圆环图上设置配置选项。特别是，我想在我的图表上设置cutout属性。我已经阅读了charts-js和ng 2-charts的所有文档，但不幸的是没有找到有效的解决方案。控制台抛出的错误是键入'{选项：{挖剪：数量;无法将“}; }”赋给类型“_DeepPartialObject〈核心图表选项与元素图表选项与插件图表选项<...>与数据集图表选项<...>与比例图表选项<...>〉”。下面是我的html和ts文件：第一个
ahy6op9u1#
您需要为ChartOptions指定其特定于甜甜圈的属性，如果您这样做，它将正常工作：
ChartOptions
public DonutChartOptions: ChartOptions<'doughnut'> = { options: { cutout: "70%" } };
TSPlayground链接
s8vozzvw2#
这对我在ng 2-charts（v.3.1.2）和chart.js（v.3.9.1）上的工作很有用。希望它也能对你有所帮助。
public doughnutChartOptions: ChartConfiguration<'doughnut'>['options'] = { cutout: '80%' };
2条答案
按热度按时间ahy6op9u1#
您需要为
ChartOptions指定其特定于甜甜圈的属性，如果您这样做，它将正常工作：TSPlayground链接
s8vozzvw2#
这对我在ng 2-charts（v.3.1.2）和chart.js（v.3.9.1）上的工作很有用。希望它也能对你有所帮助。