2016-06-21 9 views
1

私は以下の現在のバージョンHighchartshttp://www.highcharts.com)のグラフを持っています。私の「デフォルト」のデータポイントは青です。 2つのデータ点が赤色に着色されていることに注意してください.1つは左下(「項目1」)に、もう1つは右上にあります(「項目2」)。彼らはホバリングしないときに意図されています。私の問題は、ホバリングしても同じようには見えないということです。アイテム1は赤色のままで、アイテム2は青色に変わります。ホバリングされたら、私は彼らに赤いままにしておきたい。ハイチャート散布図データポイントホバー

Chart

項目1 ...

Item 1

項2 ...

Item 2

私はホバリング時に多分Zインデックスの問題があったことを考えましたそこに解決策を見つけることができませんでした。私はその後、ホバリングに関するハイチャートのAPIに目を向けましたが、私はホバーカラーを設定していないので、これがどのように問題になるのかよく分かりません。

次のように私は、チャートに渡しているデータがある...

0 Object { name=1, x=-4, y=-0.8, color="red" } 
1 Object { name=2, x=9.5, y=9.5, color="red" } 
2 Object { name=3, x=-1.37, y=1.64 } 
3 Object { name=4, x=-0.7, y=-2.8 } 

あなたの助けが理解されます。ありがとうございました。

=== === UPDATE
https://jsfiddle.net/edzasxg5/

+0

問題を再現できるように、JSFiddleまたはPlunkerデモを作成してください。 – Stringfellow

+0

作成済みhttps://jsfiddle.net/edzasxg5/ – user1801810

答えて

2

あなたはそれ以外の場合は、デフォルトを拾って、明示的にホバープロパティの 'fillcolorの' を設定する必要があります。

{ id: '1', x: -4, y: -0.8, color: 'red', marker: { states: { hover: { fillColor: 'red' } } } }, 
    { id: '2', x: 9.5, y: 9.5, color: 'red', marker: { states: { hover: { fillColor: 'red' } } } }, 
    { id: '3', x: -1.37, y: 1.64 }, 
    { id: '4', x: -0.7, y: -2.8 } 

https://jsfiddle.net/strince/edzasxg5/1/

UPDATE: 'fillcolorのを{}' を設定するより簡単な解決策があります。

+0

十分に単純です。作品。あなたの努力と敏感さに感謝します。 1つの質問ですが、私の元のコードでは、なぜItem 1は正しく動作し、Item 2は正しく動作しませんでしたか? – user1801810

+0

HighchartsコードとGitHubに関する問題を掘り下げてみると、問題のバグがあるようです。 https://github.com/highcharts/highcharts/issues/1440 – Stringfellow