Question

我正在尝试传递来自question IID成功消息的json数据，但ajax函数不允许在Google图表中显示$.each内的数据。以下是我迄今为止尝试过的代码。

drawchart()

google.charts.load('current', {'packages':['barchart']});
  google.charts.setOnLoadCallback(drawChart);

var resp_data=JSON.parse(response.msg);
function drawChart() {
var data = google.visualization.arrayToDataTable({

                  $.each(resp_data, function(key,val){
                  
                  [val.userid, val.ncpu],
                  
                  });
                 });
                         var options = {'title':'test chart',
                       'legend':'right',
                       'width':100000,
                       'height':500,
                        'colors':['blue'],
                     };
                    
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options)
        }

请帮忙

Answer 1

在调用arrayToDataTable

之前，您需要构建数据数组

请参阅以下摘录...

function drawChart() {
  var chartData = [['x', 'y']];  // <-- column headings

  // load data into array
  $.each(resp_data, function (key, val) {
    chartData.push([val.userid, val.ncpu]);
  });

  // convert array to google data table
  var data = google.visualization.arrayToDataTable(chartData);

  var options = {
    title: 'test chart',
    legend: 'right',
    width: 100000,
    height: 500,
    colors: ['blue']
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data, options)
}

循环来自ajax成功消息谷歌图表的json数据

1 个答案: