2013-07-08 20 views
2

我需要禁用圖例項目的懸停屬性,因爲我在移動平臺上使用Highcharts。可悲的是,製作legendItemClick事件並不能解決懸停仍然發生的問題。在Highcharts中禁用圖例懸停

我被鼓勵看到這個問題出現在2011年的highcharts舊支持網站上。該線程可以在here找到。我特別高興看到最後一個jfiddle例子和在其中聲明的函數。

不幸的是,唯一對我有用的是將setHoverStyle更改爲null的解決方法。雖然懸停動作仍然激活,導致圖例和圖表無響應,但這並不是很好。上述線程中的其他建議導致圖表不被渲染。當然,這可能是因爲我很難將這個例子翻譯成我的目的 - 老實說,我不知道在哪裏調用這個函數,而且我嘗試過的每個地方都失敗了。我的JavaScript文件沿

var chartDefinition = { 
    chart: { 
    renderTo: 'chart_content', 
    type: 'column' 
    }, 
    colors: [ 
     '#619ED6', 
     '#6BA547', 
     '#F7D027', 
     '#E48F1B', 
     '#B77EA3', 
     '#E64345', 
     '#60CEED', 
     '#9CF168', 
     '#F7EA4A', 
     '#FBC543', 
     '#FFC9ED', 
     '#E6696E' 
     ], 
    title: { 
    text: '' 
    }, 

    ... 

column: { 
     shadow: false, 
     borderWidth: 1, 
     events: { 
     click: function() { return false; }, 
     legendItemClick: function() { return false; } 
     }, 
     dataLabels: { 
     enabled: false, 
     color: '#222', 
     style: { 
      fontFamily: 'sans-serif', 
      fontSize: '13px', 
      fontWeight: 'bold' 
     } 
     } 
    } 
    }, 
    series: [] 
}; 

上市的線路設置和設置各種highcharts屬性。

有誰知道如何禁用這個懸停屬性,或者正確的地方是要調用function

回答

1

例子:http://jsfiddle.net/Cp7xh/10/

試圖爲legendGroup,不legendItem禁用鼠標懸停。

+0

感謝Pawel爲您解答。這確實擺脫了傳說中的項目變得大膽時,他們徘徊。不過,似乎懸停事件仍在觸發。光標在jsfiddle示例中的圖例項目上發生變化,在移動設備上,圖例仍然沒有響應。任何方式擺脫完全盤旋?謝謝! – jskoeh9

+0

我剛剛在SG3上測試過,效果很好。指針因CSS樣式而顯示.. –

+0

感謝Pawel!重新評估後,您的建議可以完美解決。 – jskoeh9