Javascript 谷歌图表工具可视化-在一个页面上实现多个

我正在尝试使用谷歌图表工具来可视化我网站上的数据。问题是，我只能装一个

您可以在此处找到文档：

这是我到目前为止的代码：

<script type='text/javascript' src='https://www.google.com/jsapi'></script> 
<script type='text/javascript'> 
    google.load('visualization', '1', {'packages':['annotatedtimeline']});

    google.setOnLoadCallback(drawAll);

    function drawAll() {
        drawSales();
        drawRegistration();
    }


    function drawSales() {
        // Sales graph
        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Sales');
        data.addRows([ [new Date(2011, 04 ,30), 401.34], [new Date(2011, 04 ,22), 180.00], [new Date(2011, 04 ,18), 180.00] ]);

        var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div_sales'));
        chart.draw(data, {});

      }




    function drawRegistration() {


        // Regisrtration graph
        var data2 = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Registration');
        data.addRows([ [new Date(2, 0 ,1), 1], [new Date(2, 0 ,1), 1] ]);

        var chart2 = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div_userregistration'));
        chart2.draw(data2, {});

      }
</script> 


<style> 
.charts{ float: left; width:510px; padding:10px; }
</style> 

    <h1>Stats</h1> 


<div class="charts"> 
    <h1>Overall sales</h1> 
    <div id='chart_div_sales' style='width: 500px; height: 300px;'></div> 
</div> 

<div class="charts"> 
    <h1>User registration</h1> 
    <div id='chart_div_userregistration' style='width: 500px; height: 300px;'></div> 
</div> 

load（'visualization'，'1'，{'packages'：['annotatedtimeline']}）；
setOnLoadCallback（drawAll）；
函数drawAll（）{
提款销售（）；
drawRegistration（）；
}
功能销售（）{
//销售图表
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'number'，'Sales'）；
数据添加行（[[新日期（2011年4月30日），401.34]，[新日期（2011年4月22日），180.00]，[新日期（2011年4月18日），180.00]）；
var chart=new google.visualization.AnnotatedTimeLine（document.getElementById（'chart\u div\u sales'）；
绘制图表（数据，{}）；
}
函数drawRegistration（）{
//区域变换图
var data2=新的google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'编号'，'注册'）；
addRows（[[新日期（2,0,1），1]，[新日期（2,0,1），1]）；
var chart2=新的google.visualization.AnnotatedTimeLine（document.getElementById（'chart\u div\u userregistration'）；
图表2.绘图（数据2，{}）；
}
.charts{float:left；width:510px；padding:10px；}
统计数据
总销售额
用户注册

第一个可以加载，但第二个不行。我做错了什么

---

谢谢您的帮助。

在

drawRegistration

中将

数据替换为
data2
，一切都会好起来的。
另外，看看firebug工具，它将毫不费力地捕获此类错误。
+1有趣的API的简洁示例：）