angularjs - angular-chart.js ドーナツ チャートで凡例をレンダリングする

Question

angular-chart.js のドキュメントに従い、チャートを作成しましたが、凡例をレンダリングできません。なぜ機能しないのかわかりません。

ドキュメント: http://jtblin.github.io/angular-chart.js/
同様の SO の質問: 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"それを機能させるのに十分なはずです。

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

Answer 1

私は同様の問題を抱えていたので、円グラフの幅を広げ、凡例をグラフの右側に配置しましたが、かなりよく見えます

これをコントローラーに追加できます

 $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>