Javascript Chart.JS'上的事件;s条形图';这是老鼠生和老鼠出?
我已经浏览了和文档(我发现有点混乱),但当鼠标悬停在条形图的条形图(不是图例!)上时,我无法弄清楚如何处理mousein和mouseout事件。目前,我能找到的最接近的方法是利用工具提示上的回调,如下所示:Javascript Chart.JS'上的事件;s条形图';这是老鼠生和老鼠出?,javascript,chart.js,chart.js2,Javascript,Chart.js,Chart.js2,我已经浏览了和文档(我发现有点混乱),但当鼠标悬停在条形图的条形图(不是图例!)上时,我无法弄清楚如何处理mousein和mouseout事件。目前,我能找到的最接近的方法是利用工具提示上的回调,如下所示: options.tooltips = { backgroundColor: 'rgba(0,0,0,0)', fontColor: 'rgba(0,0,0,0)', callbacks: { label: function (tooltipItem)
options.tooltips = {
backgroundColor: 'rgba(0,0,0,0)',
fontColor: 'rgba(0,0,0,0)',
callbacks: {
label: function (tooltipItem) {
// flipping a bool here
}
}
};
这个解决方案不起作用,因为在不知道指针何时离开条的情况下,我不知道何时将布尔值翻转回来。这可能吗?以下是我的问题的解决方案:
options.tooltips = {
// Hide the tooltips
backgroundColor: 'rgba(0,0,0,0)',
displayColors: false,
callbacks: {
labelTextColor: function () {
return 'rgba(0,0,0,0)';
},
labelColor: function () {
return {
borderColor: 'rgba(0, 0, 0, 0)',
backgroundColor: 'rgba(0, 0, 0, 0)'
}
}
},
// Highlight the HTML elements on bar hover
custom: function(tooltipModel) {
if (tooltipModel.body === undefined) {
// flip bool false
return;
}
if (/* ... */) {
// flip bool true
}
return;
}
};