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

ycggw6v2  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(252)

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

bfrts1fy

bfrts1fy1#

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

  1. legend: {
  2. onHover: (evt, legendItem) => {
  3. const activeElement = {
  4. datasetIndex: 0,
  5. index: legendItem.index
  6. };
  7. chart.tooltip.setActiveElements([activeElement]);
  8. chart.update();
  9. }
  10. }

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

相关问题