2016-08-17 60 views
1

我使用Angular-Chart.js(AngularJS Chart.js版本)創建餅圖。我怎樣才能隱藏白色邊框?如何爲Angular-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

回答

3

嘗試重置選項segmentShowStroke:假

在定期chart.js之:
變種CNTX =的document.getElementById( 「yourChartID」)的getContext( 「2D」); var yourChart = new Chart(cntx).Pie(dataOfChart,{segmentShowStroke:false});

在角其足夠多的分配在HTML選項你已經有:
圖表選項=「選項」

,然後如果你沒有任何其他選擇嘗試:
$ scope.options = {segmentShowStroke:false};

更新:
在較新版本中segmentShowStroke可能無法正常工作。
在這種情況下,試試這個:
$ scope.options = {elements:{arc:{borderWidth:0}}};

+0

感謝您的回覆,但我不明白如何處理「var yourChart」 – hayev

+0

對不起,我在考慮定期chart.js - 不是Angular。在Angular中,您可以將選項放置在圖表選項=「...」 – xboomx

+0

它不起作用:( – hayev