2012-02-12 1 views
4

私は最近Highchartsのポイントに予測できないホバーに関する問題を掲載しましたが、その質問はあまり魅力的ではありませんでした。おそらく説明が難しいからでしょう。Highcharts hoverのバグ - デモのビデオ

私は今ここに、この動作を示す

http://www.youtube.com/watch?v=LovfLWpVVtc

ビデオを掲載しました。

これはChromeとFirefoxの両方で発生します(動画は高性能MacProのFFで再生されました)。

ビデオは、このJsFiddleをドキュメントから使用して作成されました。

http://jsfiddle.net/HnwbQ/1/

あなたが見ることができるようにチャートの外側から最初または最後の点に近づいたときに、何のtootlipが表示されません。しかし、カーソルがグラフに入って最初/最後の点に近づくと、ツールチップがレンダリングされます。これは不安定で、外から来るときにツールチップがレンダリングされることがあります。時にはツールチップがレンダリングされないこともあります。

何が問題なのですか?

MORE INFO

これは私がHighchartsのv2.1.9を使用していますxAxis: {type: 'datetime'},

を使用した場合、主に発生するようです。

+0

の最新バージョンを使用する - あなたはしないように完全に起因するレンダリングされていないエッジのデータポイントを見ることができます十分なスペース。 –

+0

私はそれを試してみましたが、ツールチップが表示されないにもかかわらず、マーカーとラインが状態変化を点滅していることに気づかなかったのですか?それはレンダリングに失敗しただけのツールチップのように見えます。 – pepe

+0

最も簡単な解決策は、それを心配することではありません。理想的ではありませんが、ユーザーはすぐにこの小さなバグを克服する方法を考え出します。グラフの内側から端点に近づきます。個人的には、私は睡眠を失うことはありません。 –

答えて

0

[OK]私はこれにハックな解決策を見つけたと思います。それは私これに思える

は(categoryを使用している場合、これは起こりません)

xAxis: {type: 'datetime'}

がプロット領域の限界に最初と最後のデータポイントをプッシュするという事実に関連するバグです。

だから、この問題を回避する方法が

x-axis: { 
minPadding:0.02, 
maxPadding:0.02 
} 

を使用して、いくつかのパディングを作成することですその後、ホバーは、x軸はcategoryあるときと同様に、正常に動作します。

minPaddingとmaxPaddingは>0.02でなければならないことに注意してください。 0.01を使用すると、バグが発生します。

1

ハック「」内の必要はありません - ちょうどソリューションは、グラフに多くのスペースを追加することですHighcharts http://jsfiddle.net/WdVtE/

+0

私がキャプチャしたビデオは、あなたのフィドルと同じものを使っていました - 私はこれが不規則な振る舞いだと言っていたので、あなたのフィドルはうまく動作しますが、予測可能な振る舞いをするためにはHCが必要です。ハック – pepe

+0

jsファイルの先頭にある番号を見ないでください - それらは同じではありません。それらを比較してください。たとえば、ここではhttp://www.diffnow.com/をご覧ください。違いがわかります。 – Cheery