const chart = new Chart(document.querySelector('canvas'), {
// other configuration...
data: someData,
options: {
onClick(e) {
// coordinates of click relative to canvas
const { x, y } = Chart.helpers.getRelativePosition(e, chart);
// can also use const x = e.native.offsetX, y = e.native.offsetY;
// get values relative to chart axes
const dataX = chart.scales.x.getValueForPixel(x);
const dataY = chart.scales.y.getValueForPixel(y);
}
}
});
3条答案
按热度按时间wnrlj8wa1#
对于未来的读者,一个可行的解决方案:
字符串
贷给chart.js 2.0 current mouse coordinates tooltip
snz8szmq2#
对不起,旧的代码,我没有看到的文档可能是你可以找到更多的userfull在文档中,我做了旧学校模式:).
基于身高的客户端位置:
字符串
基于图表的位置:
型
21401;,谢谢你,谢谢你。问候。
2q5ifsrm3#
getValueForPixel
可用于获取与图表上的特定像素相关联的轴的值。字符串
请参见Chart.js 4.3.1文档中的将事件转换为数据值。