javascript - Highcharts 散点图数据点悬停

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

您需要为悬停属性显式设置“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/

更新:有一个更简单的解决方案来设置“fillColor: {}”。

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