highchart 的 Scatter 工具提示未显示 [英] Scatter tooltip of highchart is not being displaying

查看:52
本文介绍了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'lineWidth0.然后,您将拥有一个看起来像散点图的折线"图,但工具提示有效!

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 工具提示未显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆