javascript - 如何制作圆环图部分、按钮

Question

我有一个由 Chart.js 制作的圆环图。当我的鼠标移到某个部分上时，该部分标签会出现，例如红色: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 为空，这意味着您可以返回，因为没有片段被点击。否则，请继续绘制工具提示。