Javascript HighCharts parsing CSV
Javascript HighCharts parsing CSV
我已经通过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
}]
相关文章:
- 在POST中将html表作为csv提交
- 通过CSV文件上载更新数据库表
- 在.csv文件中写入学位符号
- PERL-下载CSV文件不完整
- 将CSV文件从URL导入Node.js
- Get方法获取csv文件的内容
- 如何将csv数据导入netsuite
- 将JSON转换为放入Sdcard中的CSV文件
- 将基本CSV数据加载到D3
- 在csv文件名中使用西班牙语字符
- 如何使用d3.js从csv文件中绘制areaplot?请任何人分享代码
- 正在以javascript读取本地csv文件
- d3.csv有很多数据,只画了一个月
- 处理字段中带有换行符的csv文件-node.js
- 编辑CSV数组中的项目-快速CSV node.js
- SCEditor BBcode to HTML parsing
- 无标题Javascript JSON数组->CSV导出
- 如何将CSV数据从变量下载到CSV文件
- Safari 5.1.7下载文件名未知的csv文件
- Javascript HighCharts parsing CSV