使用Google的可视化API和Closure生成条形图

我有一个使用Google可视化API生成时间线的web页面,但是现在我正试图向其中添加一些jQuery内容,事情正在恶化。所以,我试着用结束语。但是,我似乎找不到如何在闭包下使用可视化API的任何示例。 有人知道我在哪里可以找到例子吗?

我现在得到的是基于 Google Annotated Timeline Example 只需稍加修改,即可通过AJAX将数据加载为JSON。现在AJAX查询是一个硬编码的URL,我正在尝试使它 construct the URL from a form

我找到了时间线的方法:

goog.require('gviz.AnnotatedTimeLine');
goog.require('gviz.DataTable');
goog.require('gviz.DataView');

//...

var dataTable = new gviz.DataTable(json_string, 0.6);
var ChartDiv = document.getElementById(chart_id);
chart = new gviz.AnnotatedTimeLine(ChartDiv);
chart.draw(dataTable, {'displayAnnotations': true});

不幸的是,我还没有找到如何 Bar/Column Chart (请求'gviz.柱状图'导致编译时错误)。

在HTML中:

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript" src="My.js"></script> 
<script type="text/javascript">
  google.load("visualization", "1", {packages:["columnchart"]})
  var ChartGen = function(x) {
    return new google.visualization.ColumnChart(x);
  }
  drawBar(ChartGen);
</script>

在JS中:

function drawBar(Lambda) {
  dataTable = new gviz.DataTable(json_string, 0.6);
  var ChartDiv = document.getElementById('chart');
  chart = Lambda(ChartDiv);
  chart.draw(dataTable, {});
}