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访问数据集。

所以：

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

在draw的{​​{1}}回调中，您可以使用：

Chart.helpers.extend

以下是Codepen的示例：http://codepen.io/anon/pen/xqMQQB?editors=1010