Chart.js如何在图例悬停时显示工具提示

ycggw6v2 于 2022-11-06 发布在 Chart.js

关注(0)|答案(1)|浏览(197)

当鼠标悬停在相应的图例项上时，我试图显示一个带有图形数据（标签和y值）的工具提示。我只能找到适用于Chart.js旧版本的解决方案，我使用的是3.8.0。

chart.js

来源：https://stackoverflow.com/questions/72789406/chart-js-how-to-show-tooltip-on-legend-hover

1条答案

按热度按时间

bfrts1fy1#

这可以通过如下定义options.plugins.legend.onHover函数来实现：

legend: {
  onHover: (evt, legendItem) => {
    const activeElement = {
      datasetIndex: 0,
      index: legendItem.index
    };
    chart.tooltip.setActiveElements([activeElement]);
    chart.update();
  }
}

请看一下下面的可运行代码，看看它是如何工作的。
第一个

赞(0）回复(0）举报 2022-11-06

我来回答

Chart.js如何在图例悬停时显示工具提示

1条答案

相关问题

热门标签

最新问答