在Highcharts中不可能有贯穿当前日期的情节带



我使用高位/高位图,并根据最后5分钟绘制堆叠(和分组)列。

我想强调最后一分钟(我一直在使用一个情节带)。

我的问题是,正如你在http://jsfiddle.net/duuuE/1/

我希望绘图带覆盖的是最后一分钟(直到当前时间戳),但使用堆叠/分组的列会让它变得奇怪,因为这些列不是在对应于时间戳的对应x轴刻度处绘制的。

代码是这样的:

$(function () {
Highcharts.setOptions({
    global: {
        useUTC: false
    }
});
var now = new Date().getTime();
var last10min = now - (10 * 60 * 1000);
var lastMin = now - (60 * 1000);
$('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        type: 'datetime',
        minTickInterval: 60 * 1000,
        tickMarkPlacement: 'on',
        plotBands: [{ // highlight last minute
            color: '#FCFFC5',
            from: lastMin,
            to: now
        }],
    },
    plotOptions: {
        series: {
            pointStart: last10min,
            pointInterval: 60 * 1000 // one minute
        },
        column: {
            stacking: 'normal',
            pointPlacement: 'between'
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5]
    }]
});
});

我认为您需要从选项中删除pointPlacement,请参阅:http://jsfiddle.net/Fusher/duuuE/2/

已向错误跟踪器报告问题。

可能的解决方法:http://jsfiddle.net/duuuE/7/

最新更新