如何在chart.js中获取指定x的y值?

时间:2018-11-30 20:50:12

标签: chart.js

Example image

这个例子很歪斜,但是它足以说明我的观点。蓝线在11月的前2周有很大的差距(因此,有一堆推断数据)。我想将鼠标悬停在红线上的点上,并获取蓝线的相应数据。我找到了scale.getValueForPixel(value),但这仅能获取刻度中确切点的数据。无论line是什么,我都找不到对应的函数。

我有什么办法可以从一条线上的任何一点获取推断数据?

1 个答案:

答案 0 :(得分:-1)

完成此操作的一种简单方法是为onClick事件绑定画布,并使用以下代码,这也是一个有效的小提琴-> http://jsfiddle.net/Lzo5g01n/4/

document.getElementById("myChart").addEventListener("click", function(e) {
  var element = myChart.getElementAtEvent(e)[0];
  if (element) {
    alert(myChart.config.data.datasets[element._datasetIndex].data[element._index]);
  }
});