我已经遵循了angular-chart.js文档,并创建了一个图表,但是无法使用它来渲染图例.我不明白为什么它不工作.
文件:http://jtblin.github.io/angular-chart.js/
类似的问题:How to color legend in angular-chart.js
<div class="panel-body" ng-controller="CircleCtrl" style="display: block;"> <div class="chart-container" style="width:400px; height:200px;"> <canvas id="doughnut" class="chart chart-doughnut" chart-data="data" chart-labels="labels" chart-colours="colours" chart-legend="true"> </canvas> </div> </div>
我也试过在控制器中定义一个图例的数组,
$scope.legend = ["complete","incomplete"]
根据其他SO问题的接受答案,chart-legend =“true”应该足以使其工作.
有没有人有这个图书馆的经验,有一个想法如何解决这个问题?
如果您使用基于chart.js 2的1.0.0-alpha分支,则正确的语法是:
$scope.options = {legend: {display: true}};
和你的html
<canvas id="pie" class="chart chart-pie" chart-data="data" chart-labels="labels" chart-options="options"> </canvas>