javascript - Highcharts，如何更改具有多列(类别)的系列的悬停背景颜色

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 中还没有这个选项。