我想在我的服务器端文本文件 上显示检索到的数据点。在研究期间,我现在可以使用$ .get()从我的temps.txt 文件中检索数据。在google图上显示来自服务器端txt文件的数据点
我刚开始学习javascript,所以这可能是明显的,我错过了。
我还可以用一些示例数据点显示示例谷歌图。
我怎么把这两个放在一起? ,下面我有两个源文件 到目前为止我的尝试。
获取数据点:
load demobody {
font-size: 16px;
font-family: Arial;
}
var times = [];
$.get('temps.txt', function(data) {
times = data.split("\n");
var html = [];
for (var i in times) {
html.push(times[i] + '
');
}
html.push(times[0] * 3);
$('body').append(html.join(''));
});
表示GRAPH:
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Hours', 'Temperature'],
['18:00', 20.7],
['19:00', 21],
['20:00', 22.3],
['20:30', 22.5],
['21:00', 22.0],
['22:00', 21.6]
]);
var options = {
title: 'Temperatuur Grafiek',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
Temps.txt文件与每小时一个测量值的简单文本文件 第一行是00:00第二行01:00 hrs等等见下:
15.3
16.4
16.7
18.8
... etc
2014-11-01
tubos
+0
你能告诉你的temps.txt文件? –
2014-11-03 17:32:22
+0
我已将它添加到原始帖子 –
2014-11-03 18:36:31