如何从图表中隐藏Highcharts系列,但始终在工具提示中显示?

时间:2014-03-09 19:20:22

标签: javascript highcharts dotnethighcharts

我使用Highcharts渲染带有两个y轴的图表。一个轴测量计数,而另一个轴测量速率。为了说明,请参阅以下内容:http://jsfiddle.net/NH5R3

我想通过隐藏费率系列(并最终删除费率轴)来简化此图表,但仍然有共享工具提示显示相应的费率系列。我试图通过plotOptions.series.visibleplotOptions.column.visible隐藏该系列,但这会隐藏图表和工具提示中的数据。

我想我可能需要修改工具提示格式化程序以始终呈现隐藏的系列,但我想知道是否有办法阻止客户端将系列状态切换为可见。

有没有更好的方法解决这个问题?

1 个答案:

答案 0 :(得分:4)

此时,如果rates只是一系列文件进入工具提示,我只是将所有系列废弃,并通过格式化程序包含数据。类似的东西:

var rates = {'Category1':20,
             'Category2':25,
             'Category3':75};

...

tooltip: { shared: true,
     formatter: function() {
          var s = '<b>'+ this.x +'</b><br/>';                
          $.each(this.points, function(i, point) {
              s += '<span style="color:'+point.series.color+'">'+point.series.name+'</span>: <b>'+point.y+'</b><br/>'
            });
            s+='Rate: ' + rates[this.x] + '%';
            return s;
        },
 ...

更新了小提琴here