[JavaScript] 將 CSV 檔案轉換成 JSON 資料

我們在拿到客戶提供的資料的時候常常會拿到 excel 檔案(這算幸福的)
至少我們可以簡單的利用一些軟體轉成 csv丟進資料庫裡處理。如果搭配個後端 API 基本上資料都不會是太大的問題可以做成 JSON 供 JavaScript 使用,但是如果在沒有後端或是資料庫的環境中呢?


首先我們先把 csv 檔案放到 server上 利用 $.get() 取得內容,接著將內容String 丟進我們待會會用到的 csvJSON 外掛 function 中。就會取得 JSON
但是這個時候的 JSON 還是 String 的形態所以還無法被解析,我們再加個 JSON.parse() 就可以拿到整個 JSON 物件摟!


function 來源:
https://gist.github.com/iwek/7154578

google API 製作線上圖表就是這麼容易

很久以前其實google就已經推出API可以製作圖表了
不過最近重新再檢視一次的時候忽然發現完全不同了呢

早期的方式是會回傳一個png圖檔給我們顯示,雖然方便但是美中不足的是只能顯示靜態圖檔。
現在google推出的Google Chart Tools 採用JavaScript的方式操作,圖表上面可以出現動態效果!實在是太優秀了。

Google Chart Tools 官方網站
https://developers.google.com/chart/?hl=zh-TW

範例檢視
https://developers.google.com/chart/interactive/docs/examples?hl=zh-TW


當然,像是Google這麼專業的線上API團隊,線上的直接編輯測試環境是免不了的啦!
http://code.google.com/apis/ajax/playground/?type=visualization

留言

這個網誌中的熱門文章

利用 google MAP API 取得座標之間的距離

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料