Highcharts，如何更改多列（類別）系列的hover bg顏色

在高圖中，系列中的所有列都有背景顏色。在所有主題中，懸停顏色都是淺藍色（155，200，255，.2）。Highcharts，如何更改多列（類別）系列的hover bg顏色

我有一個例子在這裏裝：http://jsfiddle.net/38pvL4cb/

您可以在Highcharts是創建一個路徑源看到如下：

<path fill="none" d="M 678.5 49 L 678.5 326" stroke="rgba(155,200,255,0.2)" stroke-width="274.25" zIndex="2" visibility="hidden"></path>

此元素動態地移動，並根據您懸停（如圖所示）。我試圖找出主題如何改變它的顏色，但在API reference找不到它。

來源

2015-06-11 RyanY

添加一些CSS針對中風顏色是這樣的：

.highcharts-container path 
{ 
    stroke: rgba(100,100,100,.5); 
}

Fiddle

來源

2015-06-11 12:15:59 Goombah

問題是Highcharts對路徑的使用不僅僅是這個元素，所以對路徑做一個通用地址會導致其他圖表出現問題。我在下面的jsfiddle中添加了第二張圖表，演示瞭解決所有路徑問題。這種獨特的懸停路徑沒有ID，因此不能直接調用。 – RyanY

比你可能需要編輯highcharts.js文件..尋找：（e？「rgba（155,200,255,0.2）」：「＃C0C0C0」） – Goombah

設置xAxis.crosshair.color選項：http://jsfiddle.net/38pvL4cb/5/

xAxis: { 
    gridLineColor: '#707073', 
    labels: { 
     style: { 
      color: '#fff' 
     } 
    }, 
    crosshair: { 
     color: "red" // color 
    }, 
    lineColor: '#707073', 
    minorGridLineColor: '#505053', 
    tickColor: '#707073', 
    title: { 
     style: { 
      color: '#777' 

     } 
    } 
},

該選項還不是的API中。

來源

2015-06-11 14:03:07

Highcharts，如何更改多列（類別）系列的hover bg顏色

回答

相關問題