Графики Google: данные из .json-файла

Question

Я пытаюсь нарисовать линейный график, используя диаграммы Google, используя значения из файла .json. Я пробовал, но не добился успеха.

Это мой .json файл

[ 
    { 
     "Year":2005, 
     "Sales":25000, 
    }, 
    { 
     "Year":2006, 
     "Sales":25085, 
    }, 
    { 
     "Year":2007, 
     "Sales":186230, 
    }, 
    { 
     "Year":2008, 
     "Sales":35036, 
    }, 
    { 
     "Year":2009, 
     "Sales":15900, 
    }, 
    { 
     "Year":2010, 
     "Sales":35700, 
    } 
] 

Код

google.load("visualization", "1", { packages: ["corechart"] }); 
    google.setOnLoadCallback(drawChart); 

    function loadData(fileName) { 
     // getting json from a remote file 
     // by returning the jqXHR object we can use the .done() function on it 
     // so the callback gets executed as soon as the request returns successfully 
     return $.getJSON(fileName + ".json"); 
    } 

    function drawChart() { 
      var myFile = "Data"; 

     var obj= loadData(myFile); 
     var data = google.visualization.arrayToDataTable(obj); 

     var options = { 
      title: 'Chart Demo' 
     }; 

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

Ошибка

Error: Not an array 
http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js 
Line 2 

Как это исправить?

Answer 1

Попробуйте это, чтобы получить данные JSon из файла.

var data = $.ajax({ 
       url: "Data", 
       dataType: "json", 
       async: false, 
       }).responseText; 

Answer 2

// by returning the jqXHR object we can use the .done() function on it 
// so the callback gets executed as soon as the request returns successfully 

Вы не используете .done(), поэтому, когда вы проходите obj вы пропускание jqXHR объекта, который, скорее всего, даже не получают данные.

---

Это должно работать:

function drawChart() { 
    var myFile = "Data"; 

    //Use getJSON and process the file contents in the callback function 
    $.getJSON(myFile + '.json', function(obj) { 

     var data = google.visualization.arrayToDataTable(obj); 

     var options = { 
      title: 'Chart Demo' 
     }; 

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