50

我有一个包含多行的 Highchart。我想禁用某些行的工具提示,并为其他行启用它。那可能吗?我看到如何全局禁用工具提示,但不是按系列。

例如,在标准折线图示例中,是否可以禁用红线和蓝线上的工具提示,但在其他两条线上保持启用状态?

4

3 回答 3

58

更新

使用enableMouseTracking: 布尔值

enableMouseTracking: Boolean提出这个问题后才引入通知

旧答案

我只是禁用了Tokyo 系列中的高度点

这是你的代码

         tooltip: {
                formatter: function() {
                    
                    if(this.series.name == 'Tokyo' && this.y == 26.5 ){
                      return false ;
                    // to disable the tooltip at a point return false 
                    }else {
                        return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y +'°C';
                }   
                }
            }

jsfiddle

于 2012-08-24T19:49:14.400 回答
52

使用enableMouseTracking. 这是最好的方法。

意甲

series: [{
    name: 'Serie1',
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
    enableMouseTracking: false
}, {
    name: 'Serie2',
    data: [7.0, 6.9, 9.5, 15.5, 15.2, 15.5, 15.2, 15.5, 11.3, 17.3, 11.9, 9.6]
}]

全球的

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

上面的代码将仅显示第一个系列的工具提示。

参考:enableMouseTracking

于 2012-08-24T23:02:56.077 回答
0

对于股票图表enableMouseTracking: false使线条在悬停时无效。

这是更好的解决方案:

Highcharts.chart('container', {
  series: [{
    name: 'John',
    type: 'column',
    data: [5, 3, 4, 7, 2],
    tooltip: {
      pointFormatter: function() {
        return false
      }
    }
  }, {
    name: 'Jane',
    type: 'column',
    data: [2, 2, 3, 2, 1],
    tooltip: {
      pointFormatter: function() {
        return 'Second <strong>column</strong> series.'
      }
    }
  }, {
    name: 'Joe',
    type: 'line',
    data: [3, 4, 4, 2, 5],
    tooltip: {
      pointFormatter: function() {
        return false
      }
    }
  }]

});
于 2019-11-01T14:53:57.390 回答