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