高图的分散工具提示未显示

时间:2012-10-19 12:47:31

标签: javascript jquery svg highcharts

我有一个散点图和条形图。我无法查看超过条形的散点的工具提示...这里是小提琴http://jsfiddle.net/tZ9Rt/

我正在使用这两个系列:

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'
    }]

非常感谢任何帮助...

由于

3 个答案:

答案 0 :(得分:10)

让您的tooltip分享,并将系列type更改为'line',将lineWidth更改为0。那么你将有一个看起来像散点图的“线”图表,但工具提示有效!

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]
}]

答案 1 :(得分:1)

答案 2 :(得分:0)

您无法查看条形上散点的工具提示的原因是因为条形在散点之前获得焦点。条形图将保持工具提示的焦点,直到鼠标不再位于条形图上方。您可以随时使用此example中的共享工具提示。通过这样做,它将显示与鼠标悬停的类别相关的所有数据。以下是相关代码:

tooltip: {
  shared: true            
},