Google Charts调用JSON

Question

因此，我想出了使用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图表中将其可视化。

有人可以告诉我我所缺少的吗？

Answer 1

似乎请求的资源不支持Chart Tools Datasource协议，因此无论传递的QUERY参数如何，数据都将作为纯对象（而不是dataTable）返回。

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

Google Charts调用JSON

问题描述

1 个解决方案

解决方案1
1 2015-08-27 17:06:00

Google Charts调用JSON

问题描述

1 个解决方案

解决方案1 1 2015-08-27 17:06:00

解决方案1
1 2015-08-27 17:06:00