Javascript 具有不同选项集的多个Google仪表

我试图在一个页面上插入多个Google仪表（或Highchart仪表）实例。
我想使用不同的选项集并将它们分开放置。因此，我不能使用这里介绍的解决方案，我认为：

我在这里尝试了一下：

我错过了一些基本的东西。海图也是如此。我似乎无法在一个分区中绘制一张图表，然后在另一个分区中绘制另一张图表

守则（供日后参考）：

。。。
...
$（函数（）{
var chart1_data=google.visualization.arrayToDataTable([
['Label'，'Value']，
['Band1'，100]，]）；
变量选项1={
宽度：500，
身高：120，
红色：75，
雷德托：100，
发黄时间:25,，
yellowTo:75，
格林斯潘：0，
格林托：25，
米诺蒂克斯：5，
绿色：“#CCFFCC”，
黄色：“#FFFFCC”，
红色：“#F7818”
};
var chart1=新的google.visualization.Gauge（document.getElementById（'chart1_div'）；
图表1.绘图（图表1_数据，选项1）；
/* ========================================================= */
var chart2_data=google.visualization.arrayToDataTable([
['Label'，'Value']，
['Band2'，50]，]）；
var选项2={
宽度：500，
身高：120，
红色：90，
雷德托：100，
发黄时间:50,，
yellowTo:90，
格林斯潘：0，
格林托：50，
米诺蒂克斯：5，
绿色：“#CCFFCC”，
黄色：“#FFFFCC”，
红色：“#F7818”
};
var chart2=新的google.visualization.Gauge（document.getElementById（'chart2_div'））；
图表2.绘图（图表2_数据，选项2）；
});
...

您只需以不同的方式定义div即可：

<div id="chart1_div"></div>
<div id="chart2_div"></div>

---

你当然可以用Highcharts完成这项工作。太棒了！（该死的html语言！）

<div id="chart1_div"></div>
<div id="chart2_div"></div>