如何在Highcharts中实现鼠标悬停时更改plot line的dashStyle？

如果你的目标是修改坐标轴上的Plot Line（而非图表系列的折线）的悬停样式，当前代码的问题在于配置位置错误——你把hover状态写在了series配置里，但Plot Line的样式需要在对应坐标轴（xAxis/yAxis）的plotLines项内定义。

正确配置示例：

xAxis: {
    plotLines: [{
        value: 5, // 替换为你的Plot Line对应数值
        color: '#2f7ed8',
        width: 2,
        states: {
            hover: {
                enabled: true,
                lineWidth: 5,
                dashStyle: 'dash'
            }
        }
    }]
}

如果你的目标是修改系列折线的悬停DashStyle，由于Highcharts的series.states.hover默认不直接支持通过line.dashStyle修改，可通过事件手动更新样式：

plotOptions: {
    series: {
        events: {
            mouseOver: function() {
                this.update({ dashStyle: 'dash' }, false);
                this.chart.redraw();
            },
            mouseOut: function() {
                this.update({ dashStyle: 'solid' }, false); // 恢复原样式
                this.chart.redraw();
            }
        },
        states: {
            hover: {
                lineWidth: 5
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者sharad_kalya