编程语言
首页 > 编程语言> > javascript-Chart.js条形图:在标签悬停时显示工具提示

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

作者:互联网

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

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

我当前的配置:

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

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

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

解决方法:

关于什么 :

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

标签:chart-js,charts,javascript
来源: https://codeday.me/bug/20191111/2022321.html