Question

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

1,25.65

2,25.44

3,24.81

4,25.55

6,24.56

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

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

我正在尝试来自这个网站的脚本，但是在我将它们放入我的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文件位于同一目录中）

从特定CSV文件创建Highchart图表

1 个答案: