javascript - 未显示 highchart 的散点工具提示

标签 javascript jquery svg highcharts

我有一张散点图和条形图。我无法查看超过条形图的散点的工具提示...这是 fiddle 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'
    }]

非常感谢任何帮助...

谢谢

最佳答案

共享您的工具提示,并将系列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]
}]

关于javascript - 未显示 highchart 的散点工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12974619/

相关文章:

html - 悬停不适用于 SVG 路径的未填充区域

javascript - 单击时使图像全屏显示

javascript - 跨浏览器禁用用户选择(Ctrl + A)

javascript - nodeValue 与 innerHTML 和 textContent。如何选择?

javascript - jQuery - 检测使用 .val() 函数的值变化

javascript - 清除输入字段值时意外的 JS 行为 - STCombobox

javascript - 如何使用 SVG 图形绘制 RGB 颜色选择器渐变

google-chrome - 无法在 Chrome 中使用 D3.js 选择 <linearGradient>

javascript - JS 在没有事件对象的情况下检测按键

javascript - 解析带键 JSON 对象的最佳方法