React + Chart.js 2.0：ドーナツチャートの中にラベルを入れるには？

Question

react,react-chartjs-2およびchart.jsバージョン2.2.1でデータの視覚化を行っています。この質問への回答はおそらくhere（17.06.16の更新をご覧ください）ですが、Chart.pluginService.registerが何であるか、またはReactと互換性があるかどうかはわかりません。これまでのところ、私のために働いていません。

すべてのdataサブセットの合計であるドーナツの中にラベルを配置したいと思っています。私はこれがdoughnut chart's optionsのどこかにネストされていると仮定しますが、まだ見つかりませんでした。

Answer 1

react-chartjs-2では、chart.config.data.datasetsからデータセットにアクセスできます。あなたが使用することができますChart.helpers.extendでdrawコールバックインサイド

data = { 
    labels: [ 
     'Red', 
     'Green', 
     'Yellow' 
    ], 
    datasets: [{ 
     data: [300, 50, 100], 
    ... 

：用だから、

var sum = 0; 
for (var i = 0; i < this.chart.config.data.datasets[0].data.length; i++) { 
    sum += this.chart.config.data.datasets[0].data[i]; 
} 

ここでの例では、Codepenます：http://codepen.io/anon/pen/xqMQQB?editors=1010