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颜色

回答

相关问题