1

これは私のコーディングです。行と列がいくつかある小さなcsvファイルでは機能しますが、行と列が多いファイルでは機能しません。

これは、グラフを作成するファイルの一部です。

日時 Tcoll Tstor TglyHXin TglyHXout TH2OHXout Tcold Thot
2013/01/01 0:00:54 103.34 103.32 26.94 23.06 32.31 13.81 40.06 46.06
2013/01/01 0:01:55 103.29 103.3 26.94 23.06 32.31 13.81 40.06 46
2013/01/01 0:02:55 103.29 103.33 26.95 23.06 32.31 13.81 40.06 46
2013/01/01 0:03:55 103.29 103.03 26.94 23.06 32.31 13.81 40.06 46.05
2013/01/01 0:04:55 103.34 103.27 26.94 23.06 32.31 13.81 40.06 46.02
2013/01/01 0:05:55 103.39 103.33 26.94 23.06 32.31 13.81 40.04 45.99
2013/01/01 0:06:55 103.3 103.01 26.94 23.06 32.31 13.81 40.05 45.94
2013/01/01 0:07:55 103.42 103.17 26.94 23.06 32.31 13.81 40.06 45.89
2013/01/01 0:08:55 103.37 103.16 26.94 23.06 32.31 13.8 40.03 45.88
2013/01/01 0:09:55 103.34 103.28 26.94 23.06 32.31 13.8 40.01 45.88

コーディングは次のとおりです。

var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column'
    },
    title: {
        text: 'January Analysis'
    },
    xAxis: {
        categories: []
    },
    yAxis: {
        title: {
            text: 'Temperature'
        }
    },
    series: []
};

$.get('WEL_log_2013_01.csv', function(data) {
    // Split the lines
    var lines = data.split('\n');

    // Iterate over the lines and add categories or series
    $.each(lines, function(lineNo, line) {
        var items = line.split(',');

        // header line containes categories
        if (lineNo == 0) {
            $.each(items, function(itemNo, item) {
                if (itemNo > 0) options.xAxis.categories.push(item);
            });
        }

        // the rest of the lines contain data with their name in the first position
        else {
            var series = {
                data: []
            };
            $.each(items, function(itemNo, item) {
                if (itemNo == 0) {
                    series.name = item;
                } else {
                    series.data.push(parseFloat(item));
                }
            });

            options.series.push(series);

        }

    });

    // Create the chart
    var chart = new Highcharts.Chart(options);
});
</script>

今回は私の質問に具体的であり、マイナスポイントを獲得して閉じられないことを願っています..

ありがとう

4

1 に答える 1