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

Question

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

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但这个问题有点太过分了，转移到了另一个地方。因此我再次询问。

Answer 1

您可以像这样使用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