4

散布図とバーのハイチャートがあります。バーの上にある散布ポイントのツールチップを表示できません...ここにフィドルがありますhttp://jsfiddle.net/tZ9Rt/

私はこれらの2つのシリーズを使用しています：

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

どんな助けでも大歓迎です...

ありがとう

4

3 に答える 3

12

共有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]
}]
于 2013-02-25T01:26:53.847 に答える
1

これは既知のバグであり、ここで報告されています: https://github.com/highslide-software/highcharts.com/issues/923

于 2013-02-26T14:08:24.770 に答える
0

バーの上にある散布ポイントのツールチップを表示できない理由は、バーが散布ポイントの前にフォーカスを得るためです。マウスがバーの上になくなるまで、バーはツールチップのフォーカスを維持します。この例のように、いつでも共有ツールチップを使用できます。そうすることで、マウスがホバーしているカテゴリに関連付けられているすべてのデータが表示されます。関連するコードは次のとおりです。

tooltip: {
  shared: true            
},
于 2012-10-19T13:46:36.047 に答える