在 angular-chart-js 中删除图表中的所有边框

Question

我正在为我的图表使用 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] };

Answer 1

使用angular-chart-js，必须使用chart.js版本>=2.x，所以去除边框的方法是：

JS:

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

HTML

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

---

演示版：PLUNKER