在angular-chart-js

时间:2017-12-22 02:37:16

标签: javascript angularjs chart.js angular-chart

我在我的图表中使用angular-chart-js,我想删除图表中的所有边框。问题只是第一个受到影响而不是其他问题。

图表

<canvas id="doughnut" class="chart chart-doughnut" chart-data="vm.data" chart-labels="vm.labels" chart-colors="vm.chart1Color" chart-dataset-override="override"></canvas>

控制器

$scope.override = { borderWidth: [0, 0] };

enter image description here

1 个答案:

答案 0 :(得分:1)

使用angular-chart-js,你必须使用chart.js版本&gt; = 2.x,所以这是删除边框的方法:

<强> JS:

$scope.options = { elements: { arc: { borderWidth: 0 } } };

<强> HTML

<canvas ... chart-options="options"></canvas>

DEMO: PLUNKER