首页 > 解决方案 > 如何在 Highcharts 插件的柱状图中添加水平线?

问题描述

我想在柱形图中添加一条水平线(红线)。在此处输入图像描述

标签: pluginschartshighchartsbar-chart

解决方案


您可以通过添加plotLine( API ) 来做到这一点。绘图线可以跨 x 轴或 y 轴,在您的情况下,您需要一条沿 y 轴的线:

yAxis: {
    plotLines: [{
        color: 'red',
        width: 2,
        value: 120,
        zIndex: 5
    }]
}

如您所见,您可以设置颜色、宽度和线条所在的值。这里zIndex用于使线出现在列的前面。

请参阅使用中的此 JSFiddle 演示


推荐阅读