如何在高图中以编程方式关闭工具提示?

我有一个分散系列的图表。 我为图表添加了一个事件监听器,以便在单击工具提示外部时,工具提示将关闭。 但它似乎并不奏效。

我正在使用高图版本4.2.3。

http://jsfiddle.net/buc3pemq/

Highcharts.chart('container', {

    chart: { events: {
                click: function(event) {
                  var $this = this;
                  _.each(this.series[0].points, function(p){ $this.tooltip.refresh(p)});
                }
              }
},
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',
                                 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    tooltip: {
        shared: true
    },

    series: [
       {
        data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5],
        type: 'scatter'
    }]
});

正如我在我的评论中提到的,您应该可以使用tooltip.hide()来隐藏图表中的工具提示。

  chart: {
    events: {
      click: function(event) {
        var $this = this;
        this.tooltip.hide();
      }
    }
  },

使用上述方法隐藏工具提示的实例:http://jsfiddle.net/buc3pemq/1/

链接地址: http://www.djcxy.com/p/88739.html

上一篇: How to close the tooltip programatically in highchart?

下一篇: Converting svg from Highcharts data into data points