在谷歌圖表中使用CSV

我試圖在Google圖表中使用CSV文件將其嵌入到我的網站中。這是我的代碼：在谷歌圖表中使用CSV

//更新！這是我的新代碼：

<html> 
<head> 
<script src="https://www.google.com/jsapi"></script> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="https://jquery-csv.googlecode.com/files/jquery.csv-0.71.js"></script> 
<script> 
google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

    function drawChart() { 
     $.get("https://docs.google.com/spreadsheet/pub?key=0Ao6fMN9Cw0GPdFVtZ29iYmd1cmRORU0yemYxUjE3OVE&single=true&gid=0&output=csv", function(csvString) { 
     var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar}); 
     var data = new google.visualization.arrayToDataTable(arrayData); 
     var view = new google.visualization.DataView(data); 
      view.setColumns([0,1]); 
     var options = { 
      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' 
      } 
     var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
     chart.draw(view, options); 
    }); 
} 
</script> 
</head> 
<body> 
<div id="chart_div"></div> 
</body> 
</html>

問題在哪裏？ Thx爲您提供幫助！

來源

2013-11-27 user3040943

你在開CSV格式從谷歌電子表格的以下內容：

, 
Jochen,2 
Peter,5 
Hans,2 
Detlef,3 
JĂĽrgen,4 
Andreas,6 
Martin,3

這是有效的csv格式，但不能用於散點圖（您所呼叫google.visualization.ScatterChart()方法）。隨着散點圖你需要的東西，如：

'Age','Weight' 
8,12 
4,5.5 
11,14 
4,5 
3,3.5 
6.5,7

見example at jsBin。它不會在那裏工作，因爲沒有csv文件。從那裏複製代碼並準備使用Age, Weight數據的testchart.csv。

而且，它不會在本地加載html頁面。您需要從服務器遠程啓動或從本地服務器啓動。

這個例子的結果是： enter image description here

來源

2013-11-27 13:44:35

THX你的答案。與此同時，我的代碼看起來有點不同（請參閱我的第一篇文章中的更新， – user3040943

，我試過了你的例程，但它在我的本地wamp服務器上沒有工作：/ – user3040943

報告的錯誤是什麼？ –

在谷歌圖表中使用CSV

回答

相關問題