Highcharts Streudiagramm Datenpunkt Hover

Question

Ich habe die folgende aktuelle Version Highcharts (http://www.highcharts.com) Diagramm. Mein "Standard" Datenpunkt ist blau. Beachten Sie, dass die zwei Datenpunkte rot gefärbt sind, einer nach unten links ("Item 1") und der andere oben rechts ("Item 2"). Sie sind wie vorgesehen, wenn sie nicht schweben. Mein Problem ist, dass wenn sie sich bewegen, sie nicht gleich aussehen. Punkt 1 bleibt rot, während Punkt 2 blau wird. Wenn ich schwebte, möchte ich, dass sie rot bleiben.

Artikel 1 ...

Artikel 2 ...

Ich dachte, dass, wenn schwebt vielleicht ein Z-Index Problem war aber konnte dort keine Lösung finden. Ich habe mich dann an die API von Highchart bezüglich des Schwebens gewandt, aber ich bin mir nicht sicher, wie dies ein Problem sein könnte, da ich keine Hover-Farben einstelle und die eine korrekt ist und die andere nicht.

Die Daten, die ich auf die Tabelle vorbei bin wie ... ist

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 } 

Ihre Hilfe folgt geschätzt. Vielen Dank.

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

Answer 1

Sie müssen die 'fillColor' explizit für die Schwebe Eigenschaft, sonst nimmt es eine Standard-up.

{ 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: Es gibt eine noch einfachere Lösung 'fillColor: {}' zu setzen.

marker: { 
     radius: 2, 
     states: { 
     hover: { 
      enabled: true, 
      fillColor: {}, 
      lineColor: 'rgb(100,100,100)', 
     } 
     } 
    },