2014-07-10 21 views
0

將鼠標移動到基於y軸創建的條形圖上時,我正在處理的過程中突出顯示y軸。突出顯示基於高軸圖中的軸的鼠標覆蓋圖上的對應y軸

我已經有了基於「Highcharts柱形圖中點懸停的粗體X軸標籤」來改變x軸的顏色的方法,但是無法應用它來獲取y軸改變顏色或使其突出顯示。

在當前的小提琴中,我已經應用於更改y軸的顏色,但是當我從基於該y軸的圖表中的系列中移動鼠標時,無法移除顏色。

在此先感謝。

jsFiddle http://jsfiddle.net/X2t9H/ 
+0

請創建一個代碼的小提琴你到目前爲止嘗試了什麼! –

+0

已經添加了小提琴http://jsfiddle.net/X2t9H/,在鼠標上實現了更改軸標題顏色的過程,現在申請了溫度[軸] –

+0

因此,它看起來像工作正常,我錯了嗎? –

回答

1

你會做的是一樣的,你做了標題顏色變化:

chart.yAxis[0].update({ 
    title: { 
     style: { 
      color: 'red' 
     } 
    }, 
    lineColor: 'red', 
    lineWidth: 1 
}); 

編輯 - 要恢復的顏色做到這一點:

mouseOut: function() { 
     chart.yAxis[0].update({ 
      title: { 
       style: { 
        color: '#89A54E' 
       } 
      } 
     }); 
} 

你有mouseOut功能在那裏,但你沒有填充它。

+0

嗨wergeld,感謝您的幫助,但我想要的是當我將鼠標移出它時刪除顏色。即在鼠標懸停時改變顏色,並在鼠標不在系列時恢復它 –

+0

嗨wergeld,有沒有一種方法可以將鼠標懸停在相應的系列上,即在條形圖或折線圖上使相應的y軸改變顏色。 –

+0

@logan我很困惑 - 這是做什麼的。 – wergeld