gpt4 book ai didi

Javascript HighCharts 解析 CSV

转载 作者:行者123 更新时间:2023-12-02 19:32:18 25 4
gpt4 key购买 nike

我已经通过 stackoverflow 以及 Highcharts 支持尝试了类似的示例,但仍然无法正确显示图表。尝试使用 csv 文件中的数据显示样条图,格式为 小时,温度,如下示例所示:

22,84
23,83
00,82
01,81
02,79
03,77
04,75

这是我当前的 html/javascript:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../../js/highcharts.js"></script>
<script src="../../js/modules/exporting.js"></script>


<script type="text/javascript">

$(document).ready(function() {

var time = [];
var temp = [];

$.get('forecast.csv', function(data) {
var lines = data.split('\n');
$.each(lines, function(lineNo, line) {
var items = line.split(',');
time.push(parseInt(items[0]));
temp.push(parseInt(items[1]));
});
});

var options = {
chart: {
renderTo: 'container',
type: 'spline'
},
title: {
text: 'Temperature Forecast'
},
xAxis: {
title: {
text: 'Hour'
},
categories: time
},
yAxis: {
title: {
text: 'Temperature'
}
},
series: [{
data: temp
}]
};

var chart = new Highcharts.Chart(options);

});

</script>
</head>

<body>

<div id="container" style="width: 100%; height: 400px"></div>

</body>

我的图表已显示,但没有数据。有任何想法吗?谢谢..

最佳答案

您需要添加一个二维数组作为数据。您可以声明一个全局变量并将数据添加到该变量中。

var chartData=[]
var dataTemp = new Array(parseInt(items[0]), parseInt(items[1]));
chartData.push(dataTemp);

series: [{
data: chartData
}]

关于Javascript HighCharts 解析 CSV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11355526/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com