从特定的 CSV 文件创建 Highchart 图表

Question

我是使用 php/jscript/etc 的新手。目前我在气象站工作，使用 Arduino 将数据保存在 CSV 文件中。它看起来像：

1,25.65

2,25.44

3,24.81

4,25.55

6,24.56

我已经阅读了如何在 Highchart 中使用 CSV 文件，其中标题行包含类别，其余行包含数据，其名称位于首位。

但我希望在脚本中命名类别（X 时间、Y 温度）。第一个位置是时间，休息是数据。

我正在尝试来自这个站点的脚本，但是在我将它们放入我的 htm 后它都是空白的 :(

Answer 1

试试这个：

var series = {
    data: []
};

$(document).ready(function() {
    var options = {
        chart: { renderTo: 'container', defaultSeriesType: 'line' },
        title: { text: 'Chart Example' },
        xAxis: { title: { text: 'Time' }, categories: []    },
        yAxis: { title: { text: 'Temperature'    } },
        series: []
    };
    $.get('data.csv', function(data) {
        var lines = data.split('\n');
        $.each(lines, function(lineNo, line) {
            var items = line.split(',');

            $.each (items, function(itemNo, item) {
                if (itemNo == 0) {
                    options.xAxis.categories.push(item);
                }
                else {
                    series.data.push(parseFloat(item));
                }
            });                    
        });
        options.series.push(series);
        var chart = new Highcharts.Chart(options);
    });
});

其中 'container' 是一个 div，data.csv 是包含您的数据的文件（与您的 HTML 文件在同一目录中）