在某些行上禁用highcharts工具提示,在其他行上启用它?

时间:2012-08-24 19:20:55

标签: highcharts

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

例如,在standard line chart example上是否可以禁用红线和蓝线上的工具提示,但是在另外两条线上启用它?

3 个答案:

答案 0 :(得分:49)

更新

使用enableMouseTracking: Boolean

在提出此问题后,

通知 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

答案 1 :(得分:46)

使用enableMouseTracking。这是最好的方式。

Per Serie

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

答案 2 :(得分: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
      }
    }
  }]

});