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

hay*_*yev 3 javascript charts angularjs

我使用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> 
Run Code Online (Sandbox Code Playgroud)

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

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

馅饼

xbo*_*omx 5

尝试重置选项

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

在Angular中,它应该像你已经拥有的那样在html中分配选项:
chart-options ="options"

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

更新:
在较新的版本中,segmentShowStroke可能无效.
在这种情况下,请尝试:
$ scope.options = {elements:{arc:{borderWidth:0}}};