2

太陽光発電データを視覚化するために、Highstock チャートの実験を開始しました。問題は、グラフが 01-01-1970 00:00:00 で始まることです。私のcsvファイルの日付と時刻は無視されます。

このコードは、ここにあるいくつかの例と同じですが、機能しません。

私のデータ.csv

2011-08-01 00:00:00,155
2011-08-02 00:00:00,156
2011-08-03 00:00:00,157
2011-08-03 00:06:00,160
2011-08-04 00:00:00,120

私の index.html

$(document).ready(function() {

    var c = [];
    var d = [];
    var options = {
            chart: {
                renderTo: 'content',
                defaultSeriesType: 'line'
            },

            xAxis: {
                title: {
                    text: 'Datum'
                },
                type: 'datetime',
                categories: c
            },
            yAxis: {
                title: {
                    text: 'Stromertrag [wH]'
                }
            },
            series: [{
                data: d,
            }]
    };

    var jqxhr = $.get('../data/data.csv', function(data) {
        var lines = data.split('\n');
        $.each(lines, function(lineNo, line) {
            var items = line.split(',');
            c.push(items[0]);
            d.push(parseInt(items[1]));
        })
        var chart = new Highcharts.StockChart(options);

    });
});

4

2 に答える 2

1

pointStart等間隔のデータがある場合は、データ系列のおよびプロパティを利用できますpointInterval。Highcharts ドキュメントのこの例を参照してください。

plotOptions: {
    series: {
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000 // one day
    }
},

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-pointstart-datetime/

間隔が不規則に見えるため、タイム スタンプをunix/エポック時間(ミリ秒) に変換し、データと共に渡す必要があります。

于 2013-06-05T09:03:45.167 に答える
0

ハイチャートはタイムスタンプ (ミリ秒単位の時間) を使用するため、pointStart/pointInterval を使用するか、JSON でミリ秒を x 値として設定するか、Date.UTC() 関数を使用して正しいデータを返すことができます。

データは x の昇順で並べ替える必要があります

于 2013-06-05T11:56:49.707 に答える