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數據點懸停

回答

相關問題