Question

如何使用ChartJs

改变圆环图的厚度

Answer 1

从版本2开始，该字段已重命名为cutoutPercentage。

cutoutPercentage
50号 - 甜甜圈，0号 - 馅饼
从中间切出的图表百分比。

这里有更多细节 http://www.chartjs.org/docs/#doughnut-pie-chart-chart-options

Answer 2

var options = {        
     cutoutPercentage: 70
};

Answer 3

使用，percentageInnerCutout，如：

var options = {        
    percentageInnerCutout: 40
};
myNewChart = new Chart(ct).Doughnut(data, options);

演示:: jsFiddle

Answer 4

自版本 3 起，该字段已重命名为 cutout。

它可以这样使用，因为版本 3 该字段已重命名为 cutout。

50% - 甜甜圈，0 - 派

可以这样使用

cutout description

var option = {
    cutout:40
}

https://www.chartjs.org/docs/latest/charts/doughnut.html

Answer 5

如果您通过ng2-charts将Chart.js用于Angular，则可以在component.html文件中执行以下操作：

Sleep

然后在component.ts文件中执行以下操作：

// component.html file

<canvas baseChart [options]='chartOptions'>
</canvas>

// Do note that other required directives are missing in this example, but that I chose to highlight the 'options' directive

有用的信息来源：available chart directives和config options for the [options] directive

Answer 6

我想添加如何在 React 中实现这一点。

except NotFound or else

如何使用ChartJs改变圆环图的厚度。

6 个答案: