Question

我正在使用highstock / 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]
    }]
});
});

Answer 1

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

向bug tracker报告了问题。

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

在Highcharts中无法通过当前日期设置情节带

1 个答案: