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];
尝试重置选项
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}}};
| 归档时间: |
|
| 查看次数: |
1602 次 |
| 最近记录: |