1

我正在使用 highstock/highcharts，并根据最后 5 分钟绘制一个堆叠（和分组）列。

我想强调最后一分钟（并且一直在使用情节带）。

我的问题是 plotband 不会覆盖整个时间范围，如您在http://jsfiddle.net/duuuE/1/中所见

我希望 plotband 覆盖的是最后一分钟（直到当前时间戳），但是使用堆叠/分组的列会变得很奇怪，因为这些列不是在对应于时间戳的相应 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]
    }]
});
});
4

1 回答 1

1

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

向错误跟踪器报告问题。

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

于 2013-08-26T10:57:57.127 回答