当鼠标悬停在相应的图例项上时,我试图显示一个带有图形数据(标签和y值)的工具提示。我只能找到适用于Chart.js旧版本的解决方案,我使用的是3.8.0。
3.8.0
bfrts1fy1#
这可以通过如下定义options.plugins.legend.onHover函数来实现:
options.plugins.legend.onHover
legend: { onHover: (evt, legendItem) => { const activeElement = { datasetIndex: 0, index: legendItem.index }; chart.tooltip.setActiveElements([activeElement]); chart.update(); }}
legend: {
onHover: (evt, legendItem) => {
const activeElement = {
datasetIndex: 0,
index: legendItem.index
};
chart.tooltip.setActiveElements([activeElement]);
chart.update();
}
请看一下下面的可运行代码,看看它是如何工作的。第一个
1条答案
按热度按时间bfrts1fy1#
这可以通过如下定义
options.plugins.legend.onHover
函数来实现:请看一下下面的可运行代码,看看它是如何工作的。
第一个