javascript - 点击时让 Highcharts 工具提示消失

Question

这是我的代码示例

http://jsfiddle.net/pradeepbhat92/42uUG/

我想要做的是让工具提示保持在标志上，直到用户转到另一个标志或单击工具提示/标志之外。高图表可以做到这一点吗？

到目前为止我发现的唯一线索是这条线

chart.tooltip.hide=function(){}; 

Answer 1

第一的

display: block从你的 CSS 中删除。

第二

Revomeseries里面plotOptions，合并它flags。

第三

您必须trigger chart.tooltip.hide()在chart点击事件上而不是在flag.

chart: {
    renderTo: 'container',
    events: {
        click: function() {
            this.tooltip.hide();
        }
    }
}

第四

为了防止其他系列上的工具提示，您必须检查系列，如果它是您想要阻止的系列，您可以简单地返回false。
因此，要在工具提示格式化程序中添加以下 if 语句。

if( this.points && this.points[0].series.options.id == 'dataseries' ) {
    return false;
}

工作演示