Highcharts - 懸停在x座標之間的不同填充顏色

Question

我正在使用一個簡單的區域圖表，我希望一旦將鼠標懸停在其上方時有兩種不同的填充顏色，以便圖表在左側爲紅色，藍色（當前顏色）位於懸停點x值的右側。

http://jsfiddle.net/PSdwb/6/

我看你這是怎麼拿起事件，並搶了鼠標懸停和鼠標移開x和y的值：

 series: { 
      point: { 
       events: { 
        mouseOver: function() { 
         console.log('x: '+ this.x +', y: '+ this.y); 
        } 
       } 
      }, 
      events: { 
       mouseOut: function() { 
        console.log(this); 
       } 
      } 
     } 

我似乎無法找到一種方法一旦將鼠標懸停在區域圖表上，就可以從x值中添加不同的填充顏色。閾值和negativeFillColor是一個很好的解決方案只有如果我正在考慮用y值來做這個效果，但是有沒有什麼辦法可以讓negativeFillColor/threshold工作在一系列x值上？

感謝

Answer 1

塞巴斯蒂安說，你必須使用2系列，其中第一個結束第二個開始。

Maje the firts系列和第一個顏色必須結束的地方，然後用空值創建第二個系列，直到它必須開始新顏色。

然後在鼠標懸停事件中，你可以改變charth的顏色的方式，它說，在this link：

像這樣：

plotOptions: { 
     area: { 
      lineWidth: 0 
     }, 
     series: { 
      point: { 
       events: { 
        mouseOver: function() { 
         //change color 
        } 
       } 
      }, 
      events: { 
       mouseOut: function() { 
        ///change color 
       } 
      } 
     } 
    }, 
    series: [    
    { 
     data: [10, 9, 8, 7, 6], 
    },{ 
     data:[null,null,null,null,6, 5, 4, 3, 2, 1, 0] 
    }