单击时,Highcharts工具提示会消失

时间:2013-01-15 21:38:54

标签: javascript events tooltip highcharts highstock

这是我的代码示例

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

我要做的是让工具提示保持在标志上,直到用户转到另一个标志或点击工具提示/标志之外。这是否可以使用highcharts?

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

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

1 个答案:

答案 0 :(得分:3)

<强>第一

从您的CSS中删除display: block

<强>第二

series内的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;
}

workin demo