首页 文章

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

提问于
浏览
3

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

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

我目前的配置:

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

const onHover = (activeElements) => {
    console.log(activeElements);
};

它只打印出悬停的条形数据,但我仍然想弄清楚如何扩展它以满足我需要的行为 .

1 回答

  • 2

    What about :

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

相关问题