2013-08-09 1 views
0

Я использую диаграмму Google api. Я использую данные json для привязки к datatabel в диаграмме google. Я вызываю данные json через ajax-вызов. Данные Json поступают правильно, тогда я разбираю эти данные и сохраняю их в массив. Когда я даю значение массива DataTabel оси x, тогда диаграмма google не отображает.пожалуйста, помогите мне.График Google не отображается при использовании данных json

<script type="text/javascript"> 
    google.load('visualization', '1', { packages: ['corechart'] }); 
    google.setOnLoadCallback(drawChart); 

    function drawChart() { 
     var Name = []; 
     var jsonData = $.ajax({ 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      url: "NewDashboard.aspx/DisplayData", 
      data: "{}", 
      dataType: "json", 
      success: function (result) { 

       var contact = JSON.parse(result.d); 
       for (var i = 0; i < contact.length; i++) { 

        Name.push([contact[i].VehicleName]); 

       } 




       var wrapper = new google.visualization.ChartWrapper({ 
        chartType: 'ColumnChart', 
        dataTable: [['',Name[0], Name[1],Name[3]s], 
        ['', 700, 300, 400]], 
        options: { 'title': 'Countries' }, 
        containerId: 'visualization' 
       }); 

       wrapper.draw(); 

      }, 
      error: function (result) { 
       alert("Error"); 
      } 
     }); 
    } 
</script> 

ответ

1

Это ошибка типографии. Используйте

var wrapper = new google.visualization.ChartWrapper({ 
        chartType: 'ColumnChart', 
        dataTable: [['',Name[0], Name[1],Name[3]], 
        ['', 700, 300, 400]], 
        options: { 'title': 'Countries' }, 
        containerId: 'visualization' 
       }); 

и попробовать этот формат, чтобы предотвратить ошибки:

var data = google.visualization.arrayToDataTable([ 
      [title, 'countries'], 
      [Name[0], 1000], 
      [Name[1], 1170], 
     ]); 
+0

я implment этого кода, но все это не работает – user2660267

+0

Я думаю, что структура JSON не по схеме. Попробуйте это с регистрацией события ошибки с переменной 'wrapper'. – Ashwani

+0

Ваш DOM должен быть похож на этот: '

' – Ashwani

Смежные вопросы