如何可视化来自firebase的数据并在仪表图表上显示

时间:2017-09-05 08:32:09

标签: javascript firebase firebase-realtime-database gauge google-gauges

我试图从firebase获取数据以显示在计量表上,但它没有显示任何内容并显示错误“未捕获(在承诺中)错误:0,1中未知类型的值”

这是我的js代码。

var db = firebase.database();
google.charts.load('current', {'packages': ['gauge']});
google.charts.setOnLoadCallback(tempLevel);

function tempLevel() {
var temp = db.ref('monitor').child('deviceId').child('temp').once('value')
.then((dataSnapshot) => {
this.tempArray = dataSnapshot.val();
});

var data = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['Temp', temp]
]);

var options = {
    width: 250, height: 250,
    redFrom: 90, redTo: 100,
    yellowFrom: 75, yellowTo: 90,
    minorTicks: 5
};

var chart = new 
google.visualization.Gauge(document.getElementById('temp_level'));

chart.draw(data, options);

setInterval(function () {
    data.setValue(0,1);
    chart.draw(data, options);
}, 13000);
}

还有一件事我还是不明白它对这段代码意味着什么。

data.setValue(0,1);

所以,如果你能告诉我如何使用它,我们将不胜感激。

先谢谢!!

0 个答案:

没有答案