javascript-如何在选择过程中禁用工具提示?
作者:互联网
是否可以在选择时禁用Highcharts工具提示?
我试过了:
...
charts: {
events: {
selection: function(event) {
this.tooltip.enabled = false;
}
}
}
我确实希望每当用户将鼠标悬停在数据上时,工具提示都将正常运行.
谢谢
解决方法:
仅在选择了图表的某个区域后,才会触发选择事件.您可以在图表容器上使用mousedown和mouseup事件来切换工具提示:
chart: {
zoomType: 'x',
events: {
load: function() {
var chart = this,
chartContainer = document.getElementById('container');
chartContainer.onmousedown = function(e) {
chart.update({
tooltip: {
enabled: false
}
});
};
chartContainer.onmouseup = function() {
chart.update({
tooltip: {
enabled: true
}
});
};
}
}
}
现场演示:https://jsfiddle.net/BlackLabel/y0fLuk9a/
API参考:https://api.highcharts.com/class-reference/Highcharts.Chart#update
标签:highcharts,javascript 来源: https://codeday.me/bug/20191210/2104572.html