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

在highcharts中，系列中的所有列都有一个背景色。在所有主题中，悬停颜色都是浅蓝色（155200255.2）

我在这里加载了一个示例：

您可以在源代码中看到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> 

---

此元素根据您悬停的位置动态移动和显示。我试图在主题中找出如何改变它的颜色，但在主题中找不到它

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

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

---

设置

xAxis.crosshair.color

选项：

---

该选项尚未出现在API中。

问题在于Highcharts对路径的使用不仅仅限于此元素，因此对路径进行常规寻址会导致其他图表出现问题。我在下面的JSFIDLE中添加了第二个图表，它演示了“只需寻址所有路径”的问题。此唯一悬停路径没有id，因此无法直接调用。因此，您可能需要编辑highcharts.js文件。。寻找：（e？“rgba（155200255,0.2）”：“#c0”）谢谢！我一直在努力寻找哪一个选项可以控制这一点-它似乎会被称为类别系列的“背景色”，因为它突出了背景。很高兴听到它有帮助！为此，始终使用

颜色

。我认为这是一个好主意，不要仅仅因为十字线的大小改变而引入另一个选项？请参阅：-将“固定宽度”设置为2px，如果使用另一个选项，则会混淆使用哪一个。加上只有6个选项的十字线，检查。

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

        }
    }
},