在Javascript/Google圖表中處理來自Excel的大量輸入數據的最佳方式

我正在學習使用Google Charts API來播放來自UNODOC statistics的數據。我發現了this excel文件，該文件提供了有關2000 - 2013年間世界各國殺人數和殺人率的信息。在Javascript/Google圖表中處理來自Excel的大量輸入數據的最佳方式

我創建了一個區域折線圖，Google圖表顯示了美國的殺人數和比率。這裏是完整的code。正如您所看到的，我僅顯示來自美國的數據，並且我將數據直接硬編碼到變量中，並將這些數據直接插入到JavaScript文件中，並將其編碼爲var data/var data1和options/options1變量。

var data = google.visualization.arrayToDataTable([ 
    ['Year', 'Rate'], 
     ['2000' , 5.5], 
     ['2001' , 6.6], 
     ['2002' , 5.6], 
     ['2003' , 5.6], 
     ['2004' , 5.5], 
     ['2005' , 5.6], 
     ['2006' , 5.8], 
     ['2007' , 5.6], 
     ['2008' , 5.4], 
     ['2009' , 5.0], 
     ['2010' , 4.7], 
     ['2011' , 4.7], 
     ['2012' , 4.7], 
     ['2013' , 3.8], 
    ]); 

var data1 = google.visualization.arrayToDataTable([ 
     ['Year', 'Homocide count'], 
      ['2000' , 15586], 
      ['2001' , 19033], 
      ['2002' , 16229], 
      ['2003' , 16528], 
      ['2004' , 16148], 
      ['2005' , 16740], 
      ['2006' , 17309], 
      ['2007' , 17128], 
      ['2008' , 16465], 
      ['2009' , 15399], 
      ['2010' , 14722], 
      ['2011' , 14661], 
      ['2012' , 14827], 
      ['2013' , 12253], 
     ]);

首先，我不認爲這是很好的，尤其是如果我想從所有的Excel文件理解國家的輸入數據。

加載所有數據的最佳方式是什麼，而不需要手動將.xls文件中的所有數據粘貼到JavaScript代碼中？

來源

2015-10-19 Cris Cole

濟NE plaisantais！ – anothershrubery

你能先將xls轉換成csv嗎？如果是這樣，我傾向於使用d3.csv（）函數。

d3.csv('file.csv', function(murderData){ 
    chart here using murderData 
})

加載您的圖表/地圖作爲回調。中號博斯托克有the medicine

EG CSV -

Year,Make,Model,Length 
1997,Ford,E350,2.34 
2000,Mercury,Cougar,2.38

獲取返回

[ 
    {"Year": "1997", "Make": "Ford", "Model": "E350", "Length": "2.34"}, 
    {"Year": "2000", "Make": "Mercury", "Model": "Cougar", "Length": "2.38"} 
]

來源

2015-10-19 10:53:40 JasTonAChair

我轉換爲csv文件，但如何檢索特定的行？ –

該函數返回一個對象數組，類似於最初的數組數組。因此，要獲得第一行（不包括標籤），請選擇'data [1]'。要獲得csv示例中最後一行的長度，請選擇'data [2] .Length'。 – JasTonAChair

而且，我的意思是長度元素，而不是對象長度，只是要清楚。 – JasTonAChair

在Javascript/Google圖表中處理來自Excel的大量輸入數據的最佳方式

回答

相關問題