如何在Highcharts中扩展或突出显示水平线?

时间:2013-03-05 09:54:34

标签: highcharts line

我想在我的图表中创建一种基线,其中有多列,以及一条值为“1”的水平线,它从y轴开始并超出最后一列。见这个例子:

enter image description here

现在,我创造了类似的东西,但它还没有成功:

enter image description here

系列代码很简单:

            series:
            [{
                type: 'column',
                data: [4.05,2.81,2.1,1.20,0.37]
            },
            {
                type: 'line',
                name: 'Globale Biokapazität',
                data: [1,1,1,1,1]
            }]

我可以设置任何参数来扩展线路吗?或者有没有其他方法来突出显示一条线?

感谢任何提示!

2 个答案:

答案 0 :(得分:21)

有很多关于plotLines

的例子

只需使用以下内容:

yAxis: {
    plotLines:[{
        value:450,
        color: '#ff0000',
        width:2,
        zIndex:4,
        label:{text:'goal'}
    }]
},

其中一个:DEMO

答案 1 :(得分:3)

您有两种选择:

  • 改为使用plotLine:http://api.highcharts.com/highcharts#xAxis.plotLines

  • 更改数据格式,固定最小值和最大值:

         xAxis: {
             min: 0,
             max: 5
         },
         series:
        [{
            type: 'column',
            data: [4.05,2.81,2.1,1.20,0.37]
        },
        {
            type: 'line',
            name: 'Globale Biokapazität',
            data: [[-0.5, 1] , [5.5, 1]]
        }]