对Google API Gauge的担忧
在我开始我计划做的事情之前，我想首先知道是否有可能根据我想要的改变谷歌仪表的图像。我的意思是，api中仪表的显示/图像将由我的代码操作/设置。这有可能吗？我还在谷歌上搜索，到目前为止还没有找到，所以我想在这里问一下。
我很感谢你的帮助。谢谢。
以下是我从google api网站上获得的示例代码
<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>回答 1
Stack Overflow用户
发布于 2013-05-07 03:32:01
首先，你需要决定你想要多少个仪表。您可以在创建馈送到仪表的数据表时定义它们：
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Gauge1', 80],
['#2', 55],
['Third One', 68]
]);重要的是要认识到，这会生成一个"DataTable“对象，它有点像电子表格。它有三行两列(第一个数组"'Label'，'Value'“定义了列的名称)。每一行都包含第一个量表的标签和值(它将被标记为"Gauge1“，从值80开始)，下一行是第二个量表的标签和值，依此类推。
例如,
data.setValue(0，1，30)；
这将把row-0，column-1设置为30。Row-0对应于第一个仪表。Column-1对应于它的值(我们不想更新它的标签...这将是column-0)。因此，要更新所有三个量表上的值，我们将使用如下内容：
data.setValue(0, 1, 30); // Set "Gauge1" to 30
data.setValue(1, 1, 45); // Set "#2" to 45
data.setValue(2, 1, 12); // Set "Third One" to 12
chart.draw(data, options);我总是将数据对象设置为全局的，然后我可以只更改值，尽管我猜每次使用arrayToDataTable()都可以完全重新生成数据对象。
https://stackoverflow.com/questions/13852287
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号