Chart.js円グラフにラベルを表示

Question

最近charts.jsライブラリを最新のバージョン（2.5.0）に更新しました。 このバージョンでは、グラフ上のラベルは表示されません。

私は、フィドラー：http://jsfiddle.net/g6fajwg8で作業する例があります。

しかし、私は例のように自分のチャートを定義しましたが、グラフ上のラベルはまだ見えません。

注：GoogleやStackoverflowにはこのような多くの質問がありますが、そのほとんどはうまく機能している以前のバージョンに関するものです。

var config = { 
    type: 'pie', 
    data: { 
     datasets: [{ 
      data: [ 
       1200, 
       1112, 
       533, 
       202, 
       105, 
      ], 
      backgroundColor: [ 
       "#F7464A", 
       "#46BFBD", 
       "#FDB45C", 
       "#949FB1", 
       "#4D5360", 
      ], 
      label: 'Dataset 1' 
     }], 
     labels: [ 
      "Red", 
      "Green", 
      "Yellow", 
      "Grey", 
      "Dark Grey" 
     ] 
    }, 
    options: { 
     responsive: true, 
     legend: { 
      position: 'top', 
     }, 
     title: { 
      display: true, 
      text: 'Chart.js Doughnut Chart' 
     }, 
     animation: { 
      animateScale: true, 
      animateRotate: true 
     } 
    } 
}; 

window.pPercentage = new Chart(ChartContext, config); 

Answer 1

オプションには、このようなビルドが存在しないようです。

ただし、このオプションには特別なライブラリがあり、 "Chart PieceLabel"が呼び出されます。

ここにはdemoです。

プロジェクトに自分のスクリプトを追加した後、あなたが呼ばれる別のオプション、追加したい場合があります：「pieceLabel」を、あなたが好きなようにプロパティ値を定義します。

pieceLabel: { 
    // mode 'label', 'value' or 'percentage', default is 'percentage' 
    mode: (!mode) ? 'value' : mode, 

    // precision for percentage, default is 0 
    precision: 0, 

    // font size, default is defaultFontSize 
    fontSize: 18, 

    // font color, default is '#fff' 
    fontColor: '#fff', 

    // font style, default is defaultFontStyle 
    fontStyle: 'bold', 

    // font family, default is defaultFontFamily 
    fontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" 
}