Highcharts Scatter Chart数据点悬停

我有以下最新版本Highcharts（http://www.highcharts.com）图表。我的“默认”数据点是蓝色的。注意两个数据点分别为红色，一个朝左下角（“项目1”），另一个在右上角（“项目2”）。它们在不徘徊时是按照预期进行的。我的问题是，当他们徘徊时，他们看起来不一样。项目1保持红色，而项目2变为蓝色。当徘徊时，我希望他们保持红色。Highcharts Scatter Chart数据点悬停

项目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 }

您的帮助表示赞赏。谢谢。

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

来源

2016-06-21 user1801810

请创建一个JSFiddle或Plunker演示，以便我们可以重现该问题。 – Stringfellow

创建https://jsfiddle.net/edzasxg5/ – user1801810

你需要明确设置的“填充颜色”为悬停财产，否则它拿起默认。

{ 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：有一个更简单的解决方案，设置 '填充颜色：{}'。

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

来源

2016-06-21 18:48:01 Stringfellow

够简单。作品。非常感谢您的努力和响应。有一个问题 - 用我的原始代码，为什么项目1正常工作，项目2没有？ – user1801810

在GitHub上讨论Highcharts代码和问题，看起来像是存在一个问题提交的问题。 https://github.com/highcharts/highcharts/issues/1440 – Stringfellow

Highcharts Scatter Chart数据点悬停

回答

相关问题