禁用點擊後將光標更改爲圖例

Question

如何將光標更改爲'默認'而不是使用'指針'？

我禁止使用這個我的圖：

plotOptions: { 
    line: { 
     events: { 
      legendItemClick: function() { 
       return false; 
      } 
     } 
    } 
} 

但是光標指針光標。

Answer 1

我認爲，最簡單的方法是使用itemStyle並設置光標爲默認值。

legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle', 
     borderWidth: 0, 
     itemStyle: { 
      'cursor': 'default' 
     } 
    }, 

例子： - http://jsfiddle.net/fc8vmarp/1/

比我

Answer 2

您可以創建一個CSS類hover並定義行爲時，這個類是徘徊

.hover:hover { 
    cursor: default; 
} 

一旦你創建你的圖形，你可以設置.hover你想改變光標的DOM元素。

Answer 3

您可以在數據標籤使用HTML，因爲它似乎你不能改變與Highcharts選項的傳奇風格[編輯：我錯了=>itemStyle塞巴斯蒂安Bochan在其答案提及。

下面是一個例子：jsfiddle

series: [{ 
     name: '<span style="cursor:default;">Tokyo</span>', 
     marker: { 
      symbol: 'square' 
     }, 
     data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, { 
      y: 26.5, 
      marker: { 
       symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)' 
      } 
     }, 23.3, 18.3, 13.9, 9.6] 

    }, { 
     name: '<span style="cursor:default;">London</span>', 
     marker: { 
      symbol: 'diamond' 
     }, 
     data: [{ 
      y: 3.9, 
      marker: { 
       symbol: 'url(https://www.highcharts.com/samples/graphics/snow.png)' 
      } 
     }, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
    }]