Rendre une légende sur le graphique en anneau de angular-chart.js

J'ai suivi angular-chart.js de la documentation, et a créé un tableau, mais je suis incapable de rendre une légende avec elle. Je ne comprends pas pourquoi sa ne fonctionne pas.

Documentation: http://jtblin.github.io/angular-chart.js/

Similaire DONC, la question: Comment légende des couleurs dans 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>

Rendre une légende sur le graphique en anneau de angular-chart.js

J'ai aussi essayé de définir un tableau de la légende dans le contrôleur,

$scope.legend = ["complete", "incomplete"]

Par le a accepté de répondre à l'autre question, chart-legend="true" devrait être assez pour le faire fonctionner.

Quelqu'un a une expérience avec cette bibliothèque et avoir une idée de comment résoudre ce problème?

source d'informationauteur tim_xyz | 2016-05-09

  1. 44

    Si vous utilisez la version 1.0.0-alpha branche basée sur chart.js 2, la syntaxe correcte est:

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

    et dans votre code html 

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

    J'ai eu le même Problème j'ai Donc étendu la largeur du Graphique et Placé Légendes sur la Droite du Graphique et Semble Assez Bien

    Vous pouvez ajouter ce dans le Contrôleur

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

    En HTML, vous pouvez ajouter

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

    Rendre une légende sur le graphique en anneau de angular-chart.js