2016-01-03 123 views
0

我有一張Highcharts散點圖。圖表對象中的一些細節是下面:Highcharts:如何在懸停散點圖系列時更改線條顏色

plotOptions: { 
scatter: { 
    lineWidth:1, 
    marker: { 
     radius: 1, 
     symbol:'circle', 
     fillColor: '#800000', 
     states: { 
      hover: { 
       enabled: true, 
       radius:0, 
       radiusPlus:2, 
       lineColor: '#ff0000', 
       fillColor: '#ff0000' 
      } 
     } 
    }, 
    states: { 
     hover: { 
      halo:false, 
      lineWidthPlus:2, 
     } 
    } 
} 
} 

和全工作示例是here。 我需要在懸停系列時更改線條顏色,但我無法做到這一點。這可能嗎?

回答

1

這可以通過事件輕鬆實現。

所有你需要的是,當用戶將鼠標懸停在一系列

events: { 
    mouseOver: function() { 

     this.chart.series[this.index].update({ 
      color: 'red' 
     }); 
    }, 
    mouseOut: function() { 

     this.chart.series[this.index].update({ 
      color: "#b0b0b0" 
     });       
    } 
} 

這將改變這點盤旋系列的顏色來更新該系列顏色屬性。

here is update to your fiddle

希望這有助於你。

+0

我是唯一一個經歷了「閃爍」的兩個系列之間徘徊時後有這個代碼呢? –

+0

@HalvorStrand粘滯跟蹤禁用??它是默認啓用的。如果你有多個系列,並且他們運行的是同一個xAxis點,我建議禁用粘滯跟蹤。 – Strikers

0

謝謝strikers

@HalvorStrand被粘跟蹤禁用?它是默認啓用的。如果你有多個系列,並且他們運行的是同一個xAxis點,我建議禁用粘滯跟蹤。 - 在5:23

鋒線1月4日我是爲此而努力,直到我把這個plotoptions series: {stickyTracking: false}, 問題解決

相關問題