如何隐藏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（＆＃34; yourChartID＆＃34;）。getContext（＆＃34; 2d＆＃34;）;
var yourChart = new Chart（cntx）.Pie（dataOfChart，{segmentShowStroke：false}）;

在Angular中，它应该像你已经拥有的那样在html中分配选项：
图表选项=＆＃34;选择＆＃34;

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

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