Chart.js条形图:在标签悬停时显示工具提示

kem*_*sbe 3 javascript charts chart.js

我正在使用Chart.js库绘制条形图,不仅要在条形悬停上显示工具提示,还要在该条的x轴标签悬停上显示工具提示。我找到了onHover用于配置的方法,但是它只允许我访问当前悬停的柱形数组,这没有用。

因此,如何访问鼠标事件并可能从那里取得位置以将其与条形标签的位置进行比较?还是有另一种方法?

我当前的配置:

const countryChartOptions = {
    hover: {
         onHover: this.onChartHover,
    },
};

const onHover = (activeElements) => {
    console.log(activeElements);
};
Run Code Online (Sandbox Code Playgroud)

它只打印出悬停的条形数据,但我仍想弄清楚如何针对所需的行为扩展它。

l2a*_*lba 5

关于什么 :

options: {
  tooltips: {
    // Add this..
    intersect: false
  }
}
Run Code Online (Sandbox Code Playgroud)


小智 5

这个对我有用

  options: {
      tooltips:{
      intersect : false,
      mode:'index'
      }
   }
Run Code Online (Sandbox Code Playgroud)