Javascript 海图散点图数据点悬停

我有以下当前版本的

Highcharts

（）图表。我的“默认”数据点是蓝色的。请注意两个红色的数据点，一个位于左下角（“项目1”），另一个位于右上角（“项目2”）。它们在不悬停时与预期一致。我的问题是，当悬停时，它们看起来不一样。项目1保持红色，而项目2变为蓝色。悬停时，我希望它们保持红色

项目1

项目2

我认为在悬停时可能存在z索引问题，但无法找到解决方案。然后，我转向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 }

谢谢你的帮助。多谢各位

===更新===

---

您需要为hover属性显式设置“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 }

更新： 有一个更简单的解决方案来设置'fillColor:{}'

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

---

请创建一个JSFIDLE或Plunker演示，这样我们就可以重现这个问题。作品非常感谢您的努力和响应能力。但有一个问题——在我的原始代码中，为什么第1项工作正常而第2项工作不正常？在GitHub上翻看Highcharts代码和问题，似乎有一个bug。