Highcharts 可拖动点 - 防止隐藏工具提示

Posted 2023-05-08

【中文标题】Highcharts 可拖动点 - 防止隐藏工具提示

【英文标题】：Highcharts draggable points - prevent hidding tooltip

【发布时间】：2020-09-22 01:18:48

【问题描述】：

大家好，是否有可能在拖动点图时以某种方式防止隐藏工具提示？仅当光标悬停时可见，但在拖动过程中，它有点关闭并且工具提示隐藏。我希望工具提示在拖动过程中一直可见。

CodeSandbox

【问题讨论】：

当你像这样拖动或点击你的点时，你必须禁用 toolitp : tooltip: enabled: false

【参考方案1】：

你可以添加下面的小插件，它包装了refresh tooltip的方法，如果点在拖动，则隐藏tooltip。

(function(H) 
    H.wrap(H.Tooltip.prototype, 'refresh', function(proceed, points) 
        var chart = points.series && points.series.chart;

        if (chart && chart.dragDropData && chart.dragDropData.isDragging) 
            chart.tooltip.getLabel().hide();
            chart.tooltip.isHidden = true;
            return false;
        
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    );
(Highcharts));

---

现场演示： http://jsfiddle.net/BlackLabel/x5bqugoL/

文档： https://www.highcharts.com/docs/extending-highcharts/extending-highcharts