查询后显示数据 - Google Charts

时间:2013-07-31 12:30:53

标签: javascript jquery ajax json google-visualization

我有一个数据表(在Google图表中),我想发送用于连接我的数据表并发送查询的URL,然后使用JavaScript在我的网页中显示数据。 我该怎么办?

这是我的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>
      Google Visualization API Sample
    </title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1.0', {packages: ['corechart']});
    </script>
    <script type="text/javascript">

      function sendQuery(YYY)  {
           var query = new google.visualization.Query('http://localhost:8080/XXX-datasource/datasource?table=YYY');
           //query.setQuery('select zone_name, sum(cost) group by zone_name');
           console.log(query);

      }


    </script>
  </head>
</html>

1 个答案:

答案 0 :(得分:0)

假设您服务器上的数据源与Visualization API查询兼容,您可以使用类似https://code.google.com/apis/ajax/playground/?type=visualization#using_the_query_language的内容,替换您自己的url,select语句和图表代码。