angle-chart.jsの凡例をレンダリングする

Question

angle-chart.jsのドキュメントに従っており、グラフを作成しましたが、凡例をレンダリングできません。私はなぜそれが動作しているのか理解していない。

ドキュメント：http://jtblin.github.io/angular-chart.js/
同様のSOの質問：受け入れパー私もコントローラでの伝説のための配列を定義しようとした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"はそれを動作させるのに十分であるはずです。

誰もがこのライブラリの経験があり、この問題を解決する方法を知っていますか？

$scope.options = {legend: {display: true}}; 

し、HTMLに

<canvas id="pie" 
      class="chart chart-pie"     
      chart-data="data" 
      chart-labels="labels" 
      chart-options="options"> 
</canvas> 

Answer 1

あなたはchart.js 2に基づいて1.0.0-αの枝を使用している場合は、正しい構文は次のとおりです。だから私は円グラフの幅を広げてグラフの右側に配置し、かなりうまく見える。

$scope.options = { 
    legend: { 
     display: true, 
     position: 'right' 
    } 
    }; 

HTMLでは、あなたは

<canvas id="pie" class="chart chart-pie" chart-data="data" chart-series="series" chart-labels="labels" chart-options="options" chart-colors="colors" chart-dataset-override="datasetOverride"> 
     chart-series="series" 
     </canvas> 

Answer 2

私は同様の問題を持っていた：