Question

在highcharts中，系列中的所有列都有背景颜色。在所有主题中，悬停颜色为浅蓝色（155,200,255，.2）。

我在这里加载了一个示例：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中找到它。

Answer 1

设置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中使用。

Answer 2

添加一些针对描边颜色的CSS，如下所示：

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

Fiddle

Highcharts，如何更改具有多列（类别）的系列的悬停bg颜色

2 个答案: