Highstocks - 使用日期时间轴时在列之间放置一条线

时间:2015-01-21 11:25:03

标签: javascript datetime charts highcharts highstock

使用日期时间轴时,是否可以在列之间放置一条线?

http://jsfiddle.net/ozke/30go12jy/4/

相关代码:

    chart: {
        type: 'column'
    },

    xAxis: {
        type: 'datetime',
        gridLineWidth: 1, gridLineColor:'#FF0000', gridZIndex: 4 /* grid line styles */
    },

    plotOptions: {
        column: {
            grouping: false,
            borderWidth: 0,
            groupPadding: 0,
            pointPadding: 0
        }
    }  
  • 我原本试图做类似的事情here,但这个问题在不同的地方发展了很多。因此我再次询问。

1 个答案:

答案 0 :(得分:2)

您可以像这样使用plotLines

plotLines: [{
            value: Date.UTC(2014,  1, 15),
            width: 1,
            color: 'red',
            dashStyle: 'dash',
            label: {
                text: 'value',
                align: 'right',
                y: 20,
                x: 0
            }
        },
        {
            value: Date.UTC(2014,  2, 17),
            width: 1,
            color: 'red',
            dashStyle: 'dash',
            label: {
                text: 'value',
                align: 'right',
                y: 20,
                x: 0
            }
        },
        ...
     ]

这里是DEMO