highcharts 3.0.7中带有线图和散点图的图表中的工具提示
在highcharts的旧版本中,您可以拥有一个同时具有线条图和散点图的图表,并将它们组合到相同的工具提示中,如下所示: 在highchart 3.0.7中,这不再有效。从下面的工具提示中可以看出,wind dir不显示。Win dir为散点图,其他为面积样条线: 工具提示代码:highcharts 3.0.7中带有线图和散点图的图表中的工具提示,highcharts,Highcharts,在highcharts的旧版本中,您可以拥有一个同时具有线条图和散点图的图表,并将它们组合到相同的工具提示中,如下所示: 在highchart 3.0.7中,这不再有效。从下面的工具提示中可以看出,wind dir不显示。Win dir为散点图,其他为面积样条线: 工具提示代码: tooltip: { crosshairs: true, shared: true, formatter: function() { var s = '<b>' + Highcha
tooltip: {
crosshairs: true,
shared: true,
formatter: function() {
var s = '<b>' + Highcharts.dateFormat('%H%M %p %a %b %e', this.x) + '</b>';
$.each(this.points, function(i, point) {
s += '<br/>' + point.series.name + ': ' + point.y + (this.series.name == 'Wind Dir' ? ' degrees' : ' mph');
});
return s;
}
}
工具提示:{
十字准星:没错,
分享:是的,
格式化程序:函数(){
var s=''+Highcharts.dateFormat('%H%M%p%a%b%e',this.x)+'';
$.each(this.points,function(i,point){
s+='
'+point.series.name+':'+point.y+(this.series.name=='Wind Dir'?'degrees':'mph');
});
返回s;
}
}
请参阅完整的示例
如何使3.0.7中的工具提示的行为与2.2中的一样?一个简单的解决方法是将散点图更改为线图,并将线宽设置为0,并为线图启用标记。这样,它看起来就像示例中的散点图,但支持tooltip.shared
编辑:请注意,实际属性是camelCase:
线宽:0
在我的示例中,我正在寻找类似的内容,但有一些更改:
- 共享相同的
(列和错误性质大致相同)yAxis
- 没有列的
边距(但需要保留点的边距)errorbar
- 使用
代替散点
(因为y不随时间连接)样条曲线
深入研究这个问题,我发现如下: 具有有序数据的系列类型的工具提示文本(不是饼图, 散点、旗帜等)将显示在单个气泡中 因此,期望
scatter
选项共享工具提示是没有意义的
作为解决方案,我提出了与OP完全相同的解决方案
将类型设置为
spline
(即使它一开始没有多大意义),并通过将lineWidth:0
设置为类似于散点图的方式删除该行,因此它类似于有序散点图,如图所示。我打开了您的示例,在工具提示中我看到了所有系列,有什么问题吗?如果您注释掉2.2版并取消注释3.0.7版,您将看到:它自~2.3.5版以来已更改,不再受支持,抱歉。我只是想解释一下,我正要把它作为一个新的回答问题发布,这时我发现了那个现有的问题。所以,我决定把它放在这里,即使有所有的相似之处,也可以帮助在搜索引擎上为这个页面建立索引,因为我在试图找到答案时没有找到答案。