Google visualization 谷歌绘制了多个仪表的图表

我正在使用Google图表，我正在尝试将多个图表添加到一个json调用中

图表样式为

gauge

下面的示例仅适用于一个仪表“CPU”。我对图表不是很在行，但我确实创建了一个更新的工作示例

我想添加的是另外两个仪表，json数组名称是ram，带宽。 因此json看起来像这样{“cpu”：0，“ram”：0，“bw”：0}

我如何再增加两个仪表

<div id='chart_div'></div>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> 
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>

var chart; 
var charts;
var data;

    google.load('visualization', '1', {packages:['gauge']});
    google.setOnLoadCallback(initChart);

function displayData(point) {

    data.setValue(0, 0, 'CPU');
    data.setValue(0, 1, point);
    chart.draw(data, options);

}

function loadData() {

    // variable for the data point
    var c;

    $.getJSON('http://example.com/json.php', function(data) {

    // get the data point
    c = data.cpu;
          displayData(c);


    });

}

function initChart() {

    data = new google.visualization.DataTable();
    data.addColumn('string', 'Label');
    data.addColumn('number', 'Value');
    data.addRows(1);

        chart = new google.visualization.Gauge(document.getElementById('chart_div'));
        options = {width: 120, height: 120, greenFrom: 0, greenTo: 50, redFrom: 75, redTo: 100,
            yellowFrom:50, yellowTo: 75, minorTicks: 5};

    loadData();

    setInterval('loadData()', 1000);

}

</script>

var图；
var图；
var数据；
load（'visualization'，'1'，{packages:['gauge']}）；
setOnLoadCallback（initChart）；
函数显示数据（点）{
data.setValue（0,0，'CPU'）；
数据。设定值（0，1，点）；
图表绘制（数据、选项）；
}
函数loadData（）{
//数据点的变量
var c；
$.getJSON（'http://example.com/json.php，函数（数据）{
//获取数据点
c=data.cpu；
显示数据（c）；
});
}
函数initChart（）{
data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Label'）；
data.addColumn（'number'，'Value'）；
数据。添加行（1）；
chart=新的google.visualization.Gauge（document.getElementById（'chart_div'））；
选项={宽度：120，高度：120，绿色起始点：0，绿色起始点：50，红色起始点：75，红色起始点：100，
黄色从：50，黄色到：75，米诺蒂克：5}；
loadData（）；
setInterval（'loadData（）'，1000）；
}

如果数据的格式为

{“cpu”：0，“ram”：0，“bw”：0}

，则可以将其添加到仪表的数据表中，如下所示：

function initChart() {
    var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
    var options = {
        width: 120,
        height: 120,
        greenFrom: 0,
        greenTo: 50,
        redFrom: 75,
        redTo: 100,
        yellowFrom:50,
        yellowTo: 75,
        minorTicks: 5
    };

    function drawGauge () {
        $.getJSON('http://example.com/json.php', function(json) {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Label');
            data.addColumn('number', 'Value');
            for (x in json) {
                data.addRow([x, json[x]]);
            }
            chart.draw(data, options);
        });        
    }

    setInterval(drawGauge, 1000);
}
google.load('visualization', '1', {packages:['gauge'], callback: initChart});

---

我认为这将需要更多的代码，所以干净和简单，它的工作感谢+1.