2015-03-25 45 views
4

我使用HighCharts的最新版本來構建具有多個趨勢的圖表。默認情況下,當用戶的鼠標懸停在其上時,HighCharts會增加線條的粗細/線條寬度。因爲我可以在圖表上顯示〜10個趨勢,所以我想刪除此功能,這意味着線條的粗細在懸停時不會改變。停止HighCharts增加懸停線上的寬度

jsFiddle of code so far

我相信我需要設置在plotOptions {}部分。我曾嘗試加入以下沒有成功:

plotOptions: { 
    series: { 
     mouseOver: { 
      lineWidth: 2 
     } 
    }, 
    marker: { 
     enabled: false, 
     states: { 
      hover: { 
       lineWidth: 2 
      } 
     } 
    } 
}, 

我會,但希望保留它表示的標記,其中的鼠標定位:

enter image description here

+1

您可以設置線寬爲1,HTTP://的jsfiddle。淨/ 4oypoeom/5 /。 – 2015-03-25 11:29:17

回答

7

請參考下面的變化(設置states鼠標可禁用狀態)

plotOptions: { 
      series: { 
        lineWidth: 2, 
       states: { 
        hover: { 
         enabled: false 
        } 
       } 
      }, 

DEMO


在這種情況下做出的lineWidth:1懸停

plotOptions: { 
      series: { 
        lineWidth: 2, 
       states: { 
        hover: { 
         lineWidth: 1 
        } 
       } 

DEMO 2

+0

感謝您的幫助!這與我正在尋找的內容非常接近,但有一點是我希望保持懸停時出現在趨勢上的圓圈。我更新了jsFiddle和問題。我最初沒有包括這個道歉。 http://jsfiddle.net/4oypoeom/4/ – 2015-03-25 10:48:32

+1

請參閱下面的答案。這種類型的設置需要被更新的屬性lineWidthPlus所取代。使您的設置更簡單。 – jlbriggs 2015-03-26 14:20:01