我已经遵循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"
应足以使其有效 .
有没有人有这个库的经验,并知道如何解决这个问题?
2 回答
如果您正在使用基于chart.js 2的1.0.0-alpha分支,则正确的语法是:
并在你的HTML中
我有类似的问题所以我扩展了饼图的宽度和放置图表右侧的图表,看起来很漂亮
您可以在Controller中添加它
在HTML中,您可以添加