Jquery 用新值更新谷歌仪表
下面的脚本显示了一个GoogleGauge 我有一个以15秒为基础的jQuery get语句Jquery 用新值更新谷歌仪表,jquery,google-visualization,Jquery,Google Visualization,下面的脚本显示了一个GoogleGauge 我有一个以15秒为基础的jQuery get语句 setInterval( updateGui, 1000); $.get("update.php",function (data){updateGages()},"json"); 我想用一些脚本替换updateGages()来更新仪表 有什么想法吗 <html> <head> <script type='text/javascript' src='https:
setInterval( updateGui, 1000);
$.get("update.php",function (data){updateGages()},"json");
我想用一些脚本替换updateGages()来更新仪表
有什么想法吗
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Memory', 80],
['CPU', 55],
['Network', 68]
]);
var options = {
width: 400, height: 120,
redFrom: 90, redTo: 100,
yellowFrom:75, yellowTo: 90,
minorTicks: 5
};
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id='chart_div'></div>
</body>
</html>
load('visualization','1',{packages:['gauge']});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Label','Value'],
[Memory',80],
[CPU',55],
[“网络”,68]
]);
变量选项={
宽度:400,高度:120,
红色从:90,红色到:100,
黄色从:75,黄色到:90,
米诺蒂克斯:5
};
var chart=new google.visualization.Gauge(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
通过调用chart.draw()
更新数据表,重新绘制。我没有看到你评论中提到的任何闪烁
在这篇文章中重新绘制图表的潜在重复会导致图表闪烁。