Highcharts 显示具有两个或更多堆栈列的工具提示
当我选择一列时,我想显示一个工具提示,其中只包含所选特定堆栈的值,但我要显示两个堆栈(2012和2013)的所有值 我可以将工具提示配置为仅显示一个堆栈值吗 如果我做不到,如何在工具提示中显示堆栈标签(2012或2013)?Highcharts 显示具有两个或更多堆栈列的工具提示,highcharts,Highcharts,当我选择一列时,我想显示一个工具提示,其中只包含所选特定堆栈的值,但我要显示两个堆栈(2012和2013)的所有值 我可以将工具提示配置为仅显示一个堆栈值吗 如果我做不到,如何在工具提示中显示堆栈标签(2012或2013)? 我尝试使用point.series.stack,但得到一个未定义的值。可能吗 用于在堆叠图表上显示工具提示的代码: tooltip: { formatter: function() { var s = '<b>'+ this.x +'</b
我尝试使用point.series.stack,但得到一个未定义的值。可能吗 用于在堆叠图表上显示工具提示的代码:
tooltip: {
formatter: function() {
var s = '<b>'+ this.x +'</b>';
$.each(this.points, function(i, point) {
s += '<br/>'+ point.series.name +': '+point.series.stack+':'+ point.y +'m';
});
return s;
},
shared : true
}
工具提示:{
格式化程序:函数(){
var s=''+此.x+'';
$.each(this.points,function(i,point){
s+='
'+point.series.name+':'+point.series.stack+':'+point.y+'m';
});
返回s;
},
分享:真的
}
谢谢你的帮助
你好
为了只显示同一堆栈的值,我遵循了您的建议
我有以下格式化程序代码:
tooltip: {
formatter: function() {
var tip = '<b>'+ this.x ;
var stackSelected = this.point.series.options.stack;
tip += '/'+stackSelected+'</b>';
$.each(this.series.chart.series, function(i, s) {
if(s.options.stack == stackSelected){
tip += '<br/><br/>';
tip += '<b>'+s.name+' : </b>'+s.yAxis;
}
});
return tip;
},
shared : false
}
工具提示:{
格式化程序:函数(){
var-tip=''+这个.x;
var stackSelected=this.point.series.options.stack;
tip+='/'+stackSelected+'';
$.each(this.series.chart.series,function(i,s){
如果(s.options.stack==stackSelected){
提示+='
';
tip+=''+s.name+':'+s.yAxis;
}
});
返回端;
},
共享:false
}
但我有问题,以获得每个系列的价值
你能帮我一下吗
提前谢谢
我忘记了完整的代码:如果为工具提示设置了“共享”,则无法为同一类别显示不同的工具提示。如果要在工具提示中显示堆栈,请使用
point.series.options.stack
,请参阅:
如果只想显示一个堆栈(悬停点的完整堆栈),则禁用共享(shared:false
),并自行查找相同类别和相同堆栈的对应点(通过比较点的类别索引/名称和序列的堆栈id) 我可以得到我想要的
谢谢你的提示
这是我的工具提示代码:
tooltip: {
formatter: function() {
var tip = '<b>'+ this.x ;
var stackSelected = this.point.series.options.stack;
var categorySelected = this.point.category;
tip += '/'+stackSelected+'</b>';
tip += '<br/><br/>';
var index = 0;
$.each(this.series.chart.series, function(i, s) {
if(s.options.stack == stackSelected){
$.each(s.data, function(j, point){
if(point.category == categorySelected)
tip += '<b>'+s.name+' : </b>'+point.y+'<br>';
});
}
});
return tip;
},
shared : false
}
工具提示:{
格式化程序:函数(){
var-tip=''+这个.x;
var stackSelected=this.point.series.options.stack;
var categorySelected=this.point.category;
tip+='/'+stackSelected+'';
提示+='
';
var指数=0;
$.each(this.series.chart.series,function(i,s){
如果(s.options.stack==stackSelected){
$。每个(s.数据,函数(j,点){
如果(point.category==已选择类别)
tip+=''+s.name+':'+point.y+'
';
});
}
});
返回端;
},
共享:false
}
这是完整的代码当我禁用sharedUse
var series=This.point.series.chart.series
时,如何获取序列数组或点数组的引用,然后序列将是所有序列的数组。