2016-07-08 1 views
0

このコードを使用してcsvファイルからGoogle Chartsを作成しようとしています。これは、ほとんどのチュートリアルで使用されているコードです。しかし、私はそれを正しく実行することができないいくつかの問題があるようです。Google Charts API:未定義の 'toArrays'プロパティを読み取ることができません

 // Load the Visualization API and the corechart package. 
     google.charts.load('current', {'packages':['corechart']}); 

     // Set a callback to run when the Google Visualization API is loaded. 
     google.charts.setOnLoadCallback(drawChart); 

     // Callback that creates and populates a data table, 
     // instantiates the pie chart, passes in the data and 
     // draws it. 
     function drawChart() { 
    // grab the CSV 
     $.get("Chart1-data.csv", function(csvString) { 
     // transform the CSV string into a 2-dimensional array 
     var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar}); 

     // this new DataTable object holds all the data 
     var data = new google.visualization.arrayToDataTable(arrayData); 

     // this view can select a subset of the data at a time 
     var view = new google.visualization.DataView(data); 
     view.setColumns([0,1]); 

    // set chart options 
    var options = { 
     title: "A Chart from a CSV!", 
     hAxis: {title: data.getColumnLabel(0), minValue: data.getColumnRange(0).min, maxValue: data.getColumnRange(0).max}, 
     vAxis: {title: data.getColumnLabel(1), minValue: data.getColumnRange(1).min, maxValue: data.getColumnRange(1).max}, 
     legend: 'none' 
    }; 

    // create the chart object and draw it 
    var chart = new google.visualization.ScatterChart(document.getElementById('chart_div')); 
    chart.draw(view, options); 
    }); 
} 

私はチュートリアルに行きます。しかし、それは私に次のエラーを与えるウェブサーバ上でそれを実行している上:誰もが理由を知っている場合

Uncaught TypeError: Cannot read property 'toArrays' of undefined 

することは、起こっていただきました!私が知っていると、このエラーを解決してください。

+0

$ .csvとは何ですか? – ebyt

+0

@ebyt APIドキュメントはhttps://github.com/evanplaice/jquery-csv/blob/master/docs/api.md –

+1

で入手できますか? '' – ebyt

答えて

2

ありがとう@ebytこれを指摘してください。

は完全にjQueryと作品を初期化した後

<script src="jquery-csv.js"></script> 

を置きました。

+0

これは素晴らしいです。私のものはまったく同じではありませんでしたが、スクリプトの順序を変更し直すことはおそらく解決策です。 –

+1

@Max von Hippel喜んでそれはあなたを助けることができます! –

関連する問題