chart.js - Chart.js - 在 onHover 事件中获取 x 轴标签（或索引）

Question

有没有办法在 onHover 事件中获取 x 轴标签（或索引，因为不是每个步骤都被标记）？我知道 getElementsAtEventForMode、getElementsAtXAxis、getElementAtEvent 等。但我不想要这些元素。我只想知道鼠标在该点沿 x 轴的位置。

标签： chart.js

Answer 1

onHover: function (evt) {
    const rect = canvas.getBoundingClientRect();
    var x = evt.clientX - rect.left;
    if (x > myChart.chartArea.right)
        x = myChart.chartArea.right;
    const dataX = myChart.scales["x-axis-0"].getValueForPixel(x);
}