Javascript 谷歌图表:仪表图在秒后变为最大值
我正在使用GoogleCharts API进行一个小的学生项目(将温度从树莓Pi发送到服务器)。在来自我的服务器的HTML响应中,返回一个仪表图。除一件小事外,一切正常:大约10秒后,两个仪表中的第一个跳到其最大值(一个非常高的值,不属于数据集) 在另一个项目中,我已经有了相同的错误(4个仪表图)。奇怪的是,它总是只发生在第一个规范图上 你可以在下面看到它。。。大约10秒后,第一张图表从21跳到51或类似的数字 这是代码:Javascript 谷歌图表:仪表图在秒后变为最大值,javascript,graph,charts,google-visualization,gauge,Javascript,Graph,Charts,Google Visualization,Gauge,我正在使用GoogleCharts API进行一个小的学生项目(将温度从树莓Pi发送到服务器)。在来自我的服务器的HTML响应中,返回一个仪表图。除一件小事外,一切正常:大约10秒后,两个仪表中的第一个跳到其最大值(一个非常高的值,不属于数据集) 在另一个项目中,我已经有了相同的错误(4个仪表图)。奇怪的是,它总是只发生在第一个规范图上 你可以在下面看到它。。。大约10秒后,第一张图表从21跳到51或类似的数字 这是代码: <html> <head> <sc
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['gauge']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Min', 17],
['Max', 23]
]);
var options = {
minorTicks: 10,
min: 0,
max: 40
};
var chart = new google.visualization.Gauge(document.getElementById('temp_chart'));
setInterval(function() {
data.setValue(0, 1, 40 + Math.round(60 * Math.random()));
chart.draw(data, options);
}, 13000);
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="temp_chart" style="width: 100%; height: 100%"></div>
</body>
</html>
load('current',{'packages':['gauge']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Label','Value'],
[Min',17],
['Max',23]
]);
变量选项={
米诺蒂克斯:10,
分:0,,
最高:40
};
var chart=new google.visualization.Gauge(document.getElementById('temp_chart');
setInterval(函数(){
setValue(0,1,40+Math.round(60*Math.random());
图表绘制(数据、选项);
}, 13000);
图表绘制(数据、选项);
}
谢谢,就这样。这是我刚刚从谷歌复制粘贴的全部内容:
setInterval(function() {
data.setValue(0, 1, 40 + Math.round(60 * Math.random()));
chart.draw(data, options);
}, 13000);
如果没有它,它的效果会非常好 40+数学圆(60*Math.random()。那该怎么办?谢谢,整个部分都没必要了!是的,但一开始它必须工作得很快&很脏;-)