javascript - Chart.js 条形图 : show tooltip on label hover

标签 javascript charts chart.js

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

那么,我怎样才能访问鼠标事件并可能从那里获取位置以将其与条形标签位置进行比较?或者还有其他方法吗?

我当前的配置:

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

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

它只打印出悬停条数据,但我一直想弄清楚如何扩展它以获得我需要的行为。

最佳答案

关于:

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

关于javascript - Chart.js 条形图 : show tooltip on label hover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41900295/

相关文章:

javascript - 强制 ChartJS 显示具有空值的圆环图

javascript - 从 id 标签中获取数字

javascript - 在 React 中编辑多个输入字段

javascript - nw.js/electron 是大型数据集的最佳嵌入式数据库吗?

javascript - 编码 json 文件以创建流程图

来自字符串的 Javascript 对象

javascript - 什么时候编译 JavaScript 正则表达式文字

javascript - Chart.js 删除第一条垂直线

javascript - Highcharts:悬停时将数据标签显示为相对值(百分比)

javascript - Chart.js 失去了它的颜色