angularjs – 在angular-chart.js甜甜圈图上渲染一个传奇

发布时间：2020-12-17 09:29:54 所属栏目：安全来源：网络整理

导读：我已经遵循了angular-chart.js文档,并创建了一个图表,但是无法使用它来渲染图例.我不明白为什么它不工作. 文件：http://jtblin.github.io/angular-chart.js/ 类似的问题：How to color legend in angular-chart.js div class="panel-body" ng-controller="Ci

我已经遵循了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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!