HighStock技术需求：阈值超出Y轴范围时仍强制显示阈值线

当然可以实现！当你的阈值超出当前Y轴的极值范围时，Highcharts默认会隐藏对应的plotLine，不过我们有两种常用方法来强制显示它：

方法1：动态调整Y轴极值以包含阈值 #

这个思路很直接——当切换到1D范围选择器时，主动调整Y轴的最小/最大值，确保阈值落在轴的范围内，这样原生的plotLine就能正常显示了。

你可以在范围选择器按钮的点击事件里添加逻辑：

rangeSelector: {
    buttons: [{
        type: 'day',
        count: 1,
        text: '1D',
        events: {
            click: function() {
                const chart = this.chart;
                const yAxis = chart.yAxis[0];
                const thresholdValue = 19; // 你的阈值
                
                // 获取当前Y轴的极值
                const currentMin = yAxis.min;
                const currentMax = yAxis.max;
                
                // 计算新的极值，确保包含阈值
                const newMin = Math.min(currentMin, thresholdValue);
                const newMax = Math.max(currentMax, thresholdValue);
                
                // 更新Y轴范围
                yAxis.setExtremes(newMin, newMax);
            }
        }
    }]
}

这种方法的优势是完全复用Highcharts原生的plotLine机制，不需要额外维护绘制逻辑，缺点是会改变Y轴的显示范围，可能让数据的视觉比例发生变化。

方法2：用Renderer手动绘制阈值线 #

如果不想改变Y轴的原有范围，我们可以直接用Highcharts的Renderer API在图表画布上绘制线条和标签，这样不管阈值是否在轴范围内，线条都会显示出来。

你需要在图表加载和重绘时处理线条的位置：

chart: {
    events: {
        load: function() {
            const chart = this;
            const yAxis = chart.yAxis[0];
            const thresholdValue = 19;
            
            // 计算线条的坐标
            const xStart = chart.plotLeft;
            const xEnd = chart.plotLeft + chart.plotWidth;
            const yPos = yAxis.toPixels(thresholdValue);
            
            // 绘制虚线
            chart.customPlotLine = chart.renderer.path([
                'M', xStart, yPos, 
                'L', xEnd, yPos
            ]).attr({
                stroke: 'green',
                strokeWidth: 2,
                dashstyle: 'shortdash'
            }).add();
            
            // 绘制标签
            chart.customPlotLabel = chart.renderer.text(
                'Last quarter minimum', 
                xStart + 10, 
                yPos - 5
            ).attr({
                fill: 'green'
            }).add();
        },
        redraw: function() {
            // 图表重绘时更新线条位置（比如切换范围选择器后）
            const chart = this;
            const yAxis = chart.yAxis[0];
            const thresholdValue = 19;
            
            if (chart.customPlotLine) {
                const yPos = yAxis.toPixels(thresholdValue);
                chart.customPlotLine.attr({
                    d: [`M`, chart.plotLeft, yPos, `L`, chart.plotLeft + chart.plotWidth, yPos]
                });
                chart.customPlotLabel.attr({ y: yPos - 5 });
            }
        }
    }
}

这种方法的好处是完全保留Y轴的原始显示范围，线条始终可见，但需要手动维护线条的绘制和更新逻辑，代码量稍大。

你可以根据自己的需求选择适合的方案，两种方法都能实现“无论阈值是否在范围内均显示阈值线”的效果~

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