Javascript Highcharts隐藏系列和保留工具提示
我正在使用Highcharts api。 我想隐藏某些系列的曲线,但在工具提示上继续显示所有系列的所有值 例如:Javascript Highcharts隐藏系列和保留工具提示,javascript,highcharts,Javascript,Highcharts,我正在使用Highcharts api。 我想隐藏某些系列的曲线,但在工具提示上继续显示所有系列的所有值 例如: series: [{ name: 'Cat', data: [[1, 15], [2, 18], [3, 10]] }, { name: 'Dog', data: [[1, 12], [2, 18], [3, 11]] }, { name: 'Rabbit', data: [[1, 12], [2, 22], [3, 9]] }] 我
series: [{
name: 'Cat',
data: [[1, 15], [2, 18], [3, 10]]
}, {
name: 'Dog',
data: [[1, 12], [2, 18], [3, 11]]
}, {
name: 'Rabbit',
data: [[1, 12], [2, 22], [3, 9]]
}]
我想隐藏兔子的曲线,并在工具提示上保留所有值。
如果我将鼠标指向第一个点(1),我必须看到以下值:
猫:15
狗:12
Rabbit:12您可以使用
series.hide()
或series.setVisible(false,false)
隐藏序列。这将反过来从工具提示中删除该系列,因此您需要一个自定义工具提示格式化程序来显示隐藏的系列。
例如:
格式化程序:函数(){
var s='';
var series=this.points[0].series.chart.series;
var key=this.points[0]。key;
series.forEach((e,i)=>{
如果(e){
s+='
'+e.name+':'+
e、 选项。数据[键]+‘m’;
}
});
返回s;
}
下面是一个工作示例:您可以使用
series.hide()
或series.setVisible(false,false)
隐藏序列。这将反过来从工具提示中删除该系列,因此您需要一个自定义工具提示格式化程序来显示隐藏的系列。
例如:
格式化程序:函数(){
var s='';
var series=this.points[0].series.chart.series;
var key=this.points[0]。key;
series.forEach((e,i)=>{
如果(e){
s+='
'+e.name+':'+
e、 选项。数据[键]+‘m’;
}
});
返回s;
}
下面是一个工作示例:可以使用series.graph.hide()或series.group.hide()来隐藏序列图路径:
function(chart) {
chart.series[2].update({
marker: {
enabled: false,
states: {
hover: {
enabled: false
}
}
},
})
chart.series[2].group.hide();
}
实例:
可以使用series.graph.hide()或series.group.hide()隐藏序列图路径:
function(chart) {
chart.series[2].update({
marker: {
enabled: false,
states: {
hover: {
enabled: false
}
}
},
})
chart.series[2].group.hide();
}
实例:
可以使用series.graph.hide()或series.group.hide()隐藏序列图路径:这正是我所需要的。我很高兴听到我的示例满足了您的要求。我将其作为答案发布。可以使用series.graph.hide()或series.group.hide()隐藏序列图路径:这正是我所需要的。我很高兴听到我的示例满足您的要求。我把它贴出来作为一个答案。