1

私は 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]
    }]
});
});
4

1 に答える 1

1

オプションから削除する必要があると思います。 http://jsfiddle.net/Fusher/duuuE/2/pointPlacementを参照してください。

バグトラッカーに問題を報告しました。

考えられる回避策: http://jsfiddle.net/duuuE/7/

于 2013-08-26T10:57:57.127 に答える