javascript - 使用 highstocks 创建间隔的垂直线

Question

我想知道是否可以以某种方式在 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',
        }]
    },

Answer 1

您正在寻找的是 plotBand 。这允许使用一个范围。一般用法如下:

        xAxis: {        
            plotBands: [{ // mark the weekend
                color: '#FCFFC5',
                from: Date.UTC(2010, 0, 2),
                to: Date.UTC(2010, 0, 4)
            }],
...

编辑 - 根据说明，您可以生成如下系列:

chart: {
    events: {
        load: function () {
            // set up the updating of the chart each second
            var series = this.series[1];
            var Xmin = this.xAxis[0].min;
            var Xmax = this.xAxis[0].max;
            //console.log(Xmin);
            //console.log(Xmax);
            series.pointInterval = 24 * 3600 * 1000;
            series.pointStart = Date.UTC(2011, 0, 01, 0, 0, 0, 0);
            for (var i = Xmin; i < Xmax; i = i + (24 * 3600 * 1000)) {
                var x = i,
                    y = 1;
                series.addPoint([x, y], true);
            }

        }
    }
},

您需要先制作该新系列(但没有数据):

series: [{
    name: 'USD to EUR',
    data: usdeur
}, {
    name: 'Interval',
    type: 'column',
    data: []
}

演示 here 。在您正在使用的图表上每秒执行此操作将会很辛苦。我的每天都在做。每分钟做一次需要很长时间。请注意，我只是将其添加到加载时的可见最小/最大。如果您希望它跨越整个图表，您必须定义自己的 Xmin 和 Xmax。