如何在Angular Chart中的圆环图中悬停显示数据？

Question

如何使用 Angular Chart

显示悬停在圆环图中的数据

这样的事情：

Answer 1

从这里扩展Alesana的答案：

How to add text inside the doughnut chart using Chart.js?

并注册其他插件服务：

Chart.pluginService.register({
  beforeTooltipDraw: function(chart) {
    if (chart.config.options.elements.center) {
        if (chart.tooltip._active && chart.tooltip._active.length > 0) {
            chart.config.options.elements.center.text = 
                chart.tooltip._active[0]._view.label + ':' + chart.tooltip._data.datasets[0].data[chart.tooltip._active[0]._index];
        }
    }
  }
});

对于图表，您可能还想放置：

options: {
    tooltips: { enabled: false }
}

我知道使用_view，_data等可能不是一个好主意。请更正此方法以更好地访问标签和数据集值。