Angularjs angular-chart.js甜甜圈图表:如何更改甜甜圈圆弧的宽度?

Angularjs angular-chart.js甜甜圈图表:如何更改甜甜圈圆弧的宽度?,angularjs,chart.js,angular-chart,Angularjs,Chart.js,Angular Chart,我正在使用angular-chart.js库来实现圆环图 如何更改甜甜圈圆弧的宽度?您只需在图表选项中设置cutoutPercentage选项。甜甜圈图表的默认值为50。接近100的数字在中间会有更多的空隙,接近0的数字在炸圈饼的中间会有更少的空隙。 在控制器中: $scope.options = {cutoutPercentage: 75}; $scope.data = [213, 546]; $scope.labels = ['Label 1', 'Label 2']; 在html中: &

我正在使用angular-chart.js库来实现圆环图


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

您只需在图表选项中设置cutoutPercentage选项。甜甜圈图表的默认值为50。接近100的数字在中间会有更多的空隙,接近0的数字在炸圈饼的中间会有更少的空隙。 在控制器中:

$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>

您只需要在图表选项中设置cutoutPercentage选项。甜甜圈图表的默认值为50。接近100的数字在中间会有更多的空隙,接近0的数字在炸圈饼的中间会有更少的空隙。 在控制器中:

$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>

您是否已选中chart.js选项:?此问题已得到回答。您是否已选中chart.js选项:?此问题已得到回答。