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



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

那么,我如何访问鼠标事件并从那里获取位置以将其与条形标签位置进行比较?还是有另一种方法可以做到这一点?

我目前的配置:

const countryChartOptions = {
    hover: {
         onHover: this.onChartHover,
    },
};
const onHover = (activeElements) => {
    console.log(activeElements);
};

只打印出悬停的条形图数据,但我不得不弄清楚如何为我需要的行为扩展它。

怎么样:

options: {
  tooltips: {
    // Add this..
    intersect: false
  }
}

对我有用

  options: {
      tooltips:{
      intersect : false,
      mode:'index'
      }
   }

最新更新