ハイチャートの折れ線グラフに表示される非常に大きなデータセットがあります。ツールチップは有効になっていますが、特にズームインすると、ツールチップの表示が非常に不安定になります。
ここでデータセットを見ることができます: http://jsfiddle.net/ARfcB/2/
$(function () {
$('#container').highcharts({
chart: {
type: 'line',
zoomType: "x"
},
plotOptions: {
line: {
marker: {
enabled: true
},
animation: true
}
},
legend: {
enabled: true,
layout: "vertical",
align: 'right',
verticalAlign: 'middle'
},
tooltip: {
enabled: true,
shared: false
},
xAxis: {
type: "datetime"
},
yAxis: {
title: {
text: 'Up/Down'
},
labels: {
style: {
color: "blue"
}
},
min: 0,
max: 1,
tickInterval: 1,
categories: ['Down', 'Up']
},
credits: {
enabled: false
},
series: "large dataset on jsfiddle page"
}); });
グラフは基本的に系列ごとに上下の値を表示します。マウスが「ダウン」値の上にある場合、ツールチップは表示されません。ズームインするとさらに悪化します。ツールチップは表示されますが、ホバーされているポイント以外のポイントに対して表示されます。「ダウン」値では決してありません。
これは、データセットが非常に大きいためなのか、それともハイチャート自体の問題なのか疑問に思っています。
助けてくれてありがとう。