javascript - 如何隐藏 Angular-Chart.js 的边框 - Chart-pie

Question

我使用 Angular-Chart.js(AngularJS Chart.js 版本)创建一个饼图。如何隐藏白色边框？

 <canvas id="doughnut" class="chart chart-pie"
 chart-data="data" chart-options="options"  chart-colors="colors"     chart-dataset-override="datasetOverride"; chart-labels="labels" style="width:100px; height:100px;">
</canvas> 

$scope.colors = [ "#C94C49", "#D68550", "#EEA638", "#A7A737", "#85A963", "#89AAAF", "#39AAAF"];

$scope.data = [12,67,34,9,5,33,71];

pie

Answer 1

尝试重置选项 segmentShowStroke:false

在常规 Chart.js 中:
var cntx = document.getElementById("yourChartID").getContext("2d");
var yourChart = new Chart(cntx).Pie(dataOfChart, {segmentShowStroke: false});

在 Angular 中，它足以在 html 中分配选项，因为您已经拥有:
图表选项=“选项”

然后，如果您没有任何其他选择，请尝试:
$scope.options = { segmentShowStroke : false };

更新:
在较新版本中，segmentShowStroke 可能无法工作。
在那种情况下试试这个:
$scope.options = { elements: { arc: { borderWidth: 0 } } };