0

[1421065200000, 1.72] の形式の大量のデータ コレクションがあります。最初のパラメーターはミリ秒単位の時間で、2 番目のパラメーターはその特定の時間の値です。そのようなデータからなる大きなサイズのデータ​​配列があります。今、そのような時間と値のデータのプロットを含むスクロール可能なグラフが必要です。これを行うための私のJavaScript実装は次のとおりです。

var dataArray; //This contains my data array i.e. ([[t1, v1],[t2, v2],...])

var minDate = dataArray[0][0];
var maxDate = dataArray[dataArray.length - 1][0];

var chartOption = {
        chart: {
            type: graphType,
            renderTo: 'graph-container',
            zoomType: 'x',
            useUTC: false
        },
        title: {
            text: 'Data from last 24 hours'
        },
        credits : {
            enabled: false
        },
        xAxis: {
            title: {
                text: null
            },
            type: 'datetime',
            dateTimeLabelFormats: {
                second: '%Y-%m-%d<br/>%H:%M:%S',
                minute: '%Y-%m-%d<br/>%H:%M',
                hour: '%Y-%m-%d<br/>%H:%M',
                day: '%Y<br/>%m-%d',
                week: '%Y<br/>%m-%d',
                month: '%Y-%m',
                year: '%Y'
            },
            allowDecimals: false,
            ordinal: false,
            min: minDate,
            max: maxDate
        },
        yAxis: {
            title: {
                text: null
            }
        },
        plotOptions: {
            series: {
                pointStart: minDate,
                pointInterval: 5 * 60 *1000
            }
        },
        series: [{
            name: parameterName,
            data: dataArray
        }],
        exporting: {
            enabled: false
        }
    };

    parameterChart = new Highcharts.Chart(chartOption);
}

グラフのデータが正しくありません。x 軸の時間値が y 軸の値と一致しません。そのような時系列を表示するのに最も正確で効率的なものは何ですか。Highcharts または Highstock を使用する必要があります。提案または解決策で、これを案内してください。

4

1 に答える 1