2012-10-19 77 views
4

我有散點圖和酒吧的高圖。我無法查看分散點,這是在酒吧的提示...這裏是小提琴http://jsfiddle.net/tZ9Rt/Highchart的分散工具提示未顯示

我使用這兩個系列:

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

任何幫助,高度讚賞...

謝謝

回答

0

您無法查看條上分散點的工具提示的原因是因爲條在分散點之前獲得焦點。該欄將保持工具提示的焦點,直到鼠標不再超出欄。你總是可以使用像這樣的共享工具提示example。通過這樣做,它將顯示與鼠標懸停在其上的類別相關的所有數據。下面是相關代碼:

tooltip: { 
    shared: true    
}, 
+0

如果你改變了串聯式散射作爲OP需要鏈接的例子不工作。 –

9

讓你tooltip共享,並且該系列type更改爲'line'lineWidth0。然後你會看到一個看起來像散點圖的「線條」圖表,但工具提示工作正常!

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