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

Javascript 如何从图表中隐藏Highcharts系列,但始终在工具提示中显示?,javascript,highcharts,dotnethighcharts,Javascript,Highcharts,Dotnethighcharts,我正在使用渲染带有两个y轴的图表。一个轴测量计数,而另一个轴测量速率。如需说明,请参考以下内容: 我想通过隐藏速率序列(并最终删除速率轴)来简化此图表,但仍然让共享工具提示显示相应的速率序列。我已尝试通过plotOptions.series.visible和plotOptions.column.visible隐藏序列,但这会从图表和工具提示中隐藏数据 我想我可能需要修改工具提示格式化程序以始终呈现隐藏的序列,但我想知道是否有方法防止客户端将序列状态切换为可见 有更好的方法解决这个问题吗?在这一点

我正在使用渲染带有两个y轴的图表。一个轴测量计数,而另一个轴测量速率。如需说明,请参考以下内容:

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

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


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

在这一点上,如果<代码>速率只是一个系列,将其放入工具提示中,我只需将该系列全部废弃,并通过格式化程序包含数据。比如:

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;
        },
 ...
var比率={'Category1':20,
“类别2”:25,
“类别3”:75};
...
工具提示:{共享:true,
格式化程序:函数(){
var s=''+this.x+'
; $.each(this.points,function(i,point){ s+=''+point.series.name+':'+point.y+'
' }); s+='Rate:'+评级[this.x]+'%; 返回s; }, ...
更新的小提琴