本文介绍了highchart 的 Scatter 工具提示未显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个散点图和条形图.我无法查看超过栏的散点的工具提示......这里是小提琴 http://jsfiddle.net/tZ9Rt/
I have a highchart of scatters and bars . I am unable to view tooltip of a scatter point which is over bar... here is the fiddle http://jsfiddle.net/tZ9Rt/
我正在使用这两个系列:
I am using these two series:
series: [{
type: 'scatter',
index:2,
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
name: 'Temperature'
}, {
type: 'column',
index:1,
data: [220,220,220,220,120,220,220,220,220,220,220,220],
name: 'Rainfall'
}]
非常感谢任何帮助...
Any help is highly appreciated...
谢谢
推荐答案
让你的 tooltip
共享,并将系列 type
更改为 'line'
和 lineWidth
到 0
.然后,您将拥有一个看起来像散点图的折线"图,但工具提示有效!
Make your tooltip
shared, and change the series type
to 'line'
and lineWidth
to 0
. Then you'll have a "line" chart that looks like a scatter plot, but tooltips work!
tooltip: {
shared: true //make the tooltip accessible across all series
},
plotOptions: {
line: {
lineWidth: 0 //make the lines disappear
}
},
series: [{
type: 'column',
name: 'Column Data',
data: [5, 4, 3, 2, 1, 0]
}, {
type: 'line', //this is a 'fake' scatter plot
name: 'Pseudo-scatter',
data: [0, 1, 2, 3, 4, 5]
}]
这篇关于highchart 的 Scatter 工具提示未显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!