Google Charts調用JSON
[英]Google Charts calls JSON
問題描述
因此，我想出了使用Google圖表的簡單圖表示例。 這是我的代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8'/>
<title>Google Visualization API Sample</title>
<script type="text/javascript"
src='https://www.google.com/jsapi?autoload={
"modules":[{
"name":"visualization",
"version":"1"
}]
}'></script>
<script type="text/javascript">
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
// Define the chart using setters:
var wrap = new google.visualization.ChartWrapper();
wrap.setChartType('LineChart');
wrap.setDataSourceUrl('http://amr2.mybluemix.net/getmet/list');
wrap.setContainerId('visualization');
wrap.setQuery('SELECT d.uSN,d.timetag WHERE d.hourtag < 1 ORDER BY d.timetag');
wrap.setOptions({'title':'Population Density (people/km^2)', 'legend':'none'});
wrap.draw();
}
</script>
</head>
<body>
<div id='visualization' style='height: 400px; width: 400px;'></div>
</body>
</html>
我想做的是從此http://amr2.mybluemix.net/getmet/list檢索JSON，並在Google圖表中將其可視化。
有人可以告訴我我所缺少的嗎？
1 個解決方案
解決方案1
1 2015-08-27 17:06:00
似乎請求的資源不支持Chart Tools Datasource協議，因此無論傳遞的QUERY參數如何，數據都將作為純對象（而不是dataTable）返回。
您可以做什么：通過AJAX請求數據，並根據返回的數據自行創建dataTable。
Google圖表：與json約會
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.