如何制作甜甜圈图表部分，按钮

Question

我有Chart.js制作的圆环图。当我的鼠标超过一部分时，会出现部分标签，例如RED：300。

我想要的是在点击它时在中间显示这个标签。

我有代码在中间写，但我需要知道如何使部分表现为按钮。

Answer 1

我认为您正在寻找getSegmentsAtEvent(evt)方法。

canvas.onclick = function(evt){
    var activePoints = myDoughnutChart.getSegmentsAtEvent(evt);
    // => activePoints is an array of segments on the canvas that are at the same position as the click event.
};

如果activePoints为空，则表示您可以return，因为没有点击任何细分。否则，请继续绘制工具提示。