Highcharts Scatter Chart数据点悬停

Question

我有以下当前版本Highcharts（http://www.highcharts.com）图表。我的“默认”数据点是蓝色的。注意两个数据点是红色的，一个是左下角（“项目1”），另一个是右上角（“项目2”）。它们在不悬停时是预期的。我的问题是，当盘旋它们时，它们看起来并不相同。项目1保持红色，而项目2变为蓝色。在盘旋时，我希望它们保持红色。

第1项......

第2项......

我认为当悬停时可能存在z-index问题，但无法在那里找到解决方案。然后我转向Highchart的关于悬停的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 }

感谢您的帮助。谢谢。

===更新===
https://jsfiddle.net/edzasxg5/

Answer 1

您需要明确设置＆＃39; fillColor＆＃39;对于悬停属性，否则它会选择默认值。

-I/home/gcc540/headers

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

更新： 有一个更简单的解决方案来设置＆quot; fillColor：{}＆＃39;。

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