javascript - 使用高库存为间隔创建垂直线

我想知道是否有可能在xAxis中为定义的间隔创建垂直线（plotLines）。

给定日期的那些绘图线之一的Here's an example。在给定的间隔内可以定义它吗？

    xAxis: {
          tickInterval: 5 * 4 * 1000,
        lineColor: '#FF0000',
        lineWidth: 1,
        plotLines: [{
            value: Date.UTC(2014,03,05),
            width: 1,
            color: 'green',
            dashStyle: 'dash',
        }]
    },

最佳答案

通常，在Highcharts中，没有诸如plotLines的范围之类的东西。但是，您可以为此创建简单的函数：http://jsfiddle.net/kZkWZ/57/

function generatePlotLines(from, to, interval) {
    var plotLines = [];

    while (from < to) {
        from += interval;
        plotLines.push({
            value: from,
            width: 1,
            color: 'green',
            dashStyle: 'dash',
            label: {
                text: 'some name',
                align: 'right',
                y: 122,
                x: 0
            }
        })
    }

    return plotLines;
}


$('#container').highcharts('StockChart', {

    xAxis: {
        plotLines: generatePlotLines(Date.UTC(2011, 0, 1), Date.UTC(2011, 3, 1), 7 * 24 * 3600 * 1000)
    },

    rangeSelector: {
        selected: 1
    },

    series: [{
        name: 'USD to EUR',
        data: usdeur
    }]
});