编程语言
首页 > 编程语言> > javascript-如何在选择过程中禁用工具提示?

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