angular-chart.js 甜甜圈图：如何更改甜甜圈圆弧的宽度？

Question

我正在使用 angular-chart.js 库 (https://jtblin.github.io/angular-chart.js/ ) 来实现圆环图。

如何更改甜甜圈圆弧的宽度？

Answer 1

您只需在图表选项中设置 "cutoutPercentage" 选项。圆环图的默认值为 50。数字越接近 100，中间的空 space 越多，数字越接近 0，圆环中间的空 space 越少。

在您的控制器中：

$scope.options = {cutoutPercentage: 75};
$scope.data = [213, 546];
$scope.labels = ['Label 1', 'Label 2'];

在你身上html:

<canvas class="chart chart-doughnut" chart-data="data" chart-labels="labels" chart-options="options"> </canvas>

angular-chart.js doughnut chart : How do I change width of the arc of a doughnut?