我不是一名JavaScript开发人员甚至没有专家在阿贾克斯,只是一个没有副桌面开发者,我会很感激,如果你能告诉我怎么可以连接MCU返回JSON数据上使用谷歌计在客户端运行的网页本地网络在家中。如何显示服务器返回的JSON实时页面上运行谷歌的图表在客户端上?
所以,我实现了一个简单的Arduino基于web服务器,在下面的格式返回数据:
{“arduino”:
[
{“location”:”outdoor”,”temperature”:”15.55″},
{“location”:”outdoor”,”humidity”:”15″}
]
}
我希望能够显示实时温度,而不必刷新整个页面:我google gauge example碰到。
我已经在链路改性下面的例子来显示的温度和湿度分别计:
google.charts.load('current', {'packages':['gauge']});
google.charts.setOnLoadCallback(drawGauge);
var gaugeOptions = {min: 0, max: 280, yellowFrom: 200, yellowTo: 250,
redFrom: 250, redTo: 280, minorTicks: 5};
var gauge;
function drawGauge() {
gaugeData = new google.visualization.DataTable();
gaugeData.addColumn('number', 'Temperature');
gaugeData.addColumn('number', 'Humidity');
gaugeData.addRows(2);
gaugeData.setCell(0, 0, 120);
gaugeData.setCell(0, 1, 80);
gauge = new google.visualization.Gauge(document.getElementById('gauge_div'));
gauge.draw(gaugeData, gaugeOptions);
}
function changeTemp(dir) {
gaugeData.setValue(0, 0, gaugeData.getValue(0, 0) + dir * 25);
gauge.draw(gaugeData, gaugeOptions);
}
function changeHumid(dir) {
gaugeData.setValue(0, 1, gaugeData.getValue(0, 1) + dir * 20);
gauge.draw(gaugeData, gaugeOptions);
}
Change
现在我想5秒显示从返回的JSON最新数据后的变化温带和变化湿度的功能应该执行通过执行MCU蜜蜂服务器URL?我怎样才能实现呢?