问Google Charts调用JSON
EN

Stack Overflow用户

提问于 2015-08-27 15:18:35

回答 1查看 54关注 0票数 0

因此，我想出了一个使用Google chart的简单图表示例。这是我的代码：

<!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图表中可视化它们。

有没有人能告诉我我错过了什么？

javascript

google-visualization

回答 1

Stack Overflow用户

发布于 2015-08-28 01:06:01

由于请求的资源似乎不支持图表工具数据源协议，因此无论传递的查询参数是什么，数据都将作为纯对象(而不是dataTable)返回。

您可以做什么:通过AJAX请求数据，并根据返回的数据自行创建dataTable。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32243002

复制

相似问题

问Google Charts调用JSON
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Charts调用JSONEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Charts调用JSON
EN