Javascript 多个单独选项的谷歌图表

我从谷歌图表（仪表）开始

我需要在同一页上放置多个仪表，每个仪表具有不同的最大值（在选项中设置）

但似乎所有图表的选项都是全球性的

它们都变成0比1

这是我的密码

<script type="text/javascript">
    google.charts.load('current', { 'packages': ['gauge'] });
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
        $.getJSON("Dashboard/GaugeData", function (jsn) {
            var dGauges = $('#gauges');
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Label');
            data.addColumn('number', 'Value');
            $.each(jsn, function (i, item) {
                data.addRow([item.Label, item.Pending]);
                var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
                chart.draw(data, {
                    width: 400, height: 400,
                    redFrom: 90, redTo: 100,
                    yellowFrom: 75, yellowTo: 90,
                    minorTicks: 5, max: item.Max
                });
            });
        });
    } setInterval(function () {
        drawChart();
    }, 10000);
</script>

load（'current'，{'packages'：['gauge']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
$.getJSON（“仪表板/GaugeData”，函数（jsn）{
var dGauges=$（“#仪表”）；
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Label'）；
data.addColumn（'number'，'Value'）；
$。每个（jsn，功能（i，项）{
data.addRow（[item.Label，item.Pending]）；
var chart=new google.visualization.Gauge（document.getElementById（'chart_div'））；
图表绘制（数据、{
宽度：400，高度：400，
红色从：90，红色到：100，
黄色从：75，黄色到：90，
minorTicks:5，最多：项。最多
});
});
});
}setInterval（函数（）{
图纸（）；
}, 10000);

请注意，我不能为每个图表准备一个新的div，因为图表的数量是动态的（来自json）

---

我相信我可以动态创建div，然后在每次刷新之前检查是否需要添加div或删除div等等。。。但是我希望有一种更好的方法

来分别选择，必须有单独的图表，必须有单独的图表，必须有单独的div——你可以使用

'Label'

列的值作为

id

——当ajax加载时，看看div是否存在，否则创建……谢谢，这实际上就是我在文章末尾提到的。。。我只是想有一个更干净的方法。。。