符碼記憶: Google Chart API：繪製中文圓餅圖(Pie Chart)

符碼記憶: Google Chart API：繪製中文圓餅圖(Pie Chart)

符碼記憶: Google Chart API繪製中文圓餅圖(Pie Chart) skip to main | skip to sidebar 符碼記憶 符碼記憶 嗅覺記憶 視覺記憶 Google Chart API繪製中文圓餅圖(Pie Chart) Posted On 2008/11/25 at 位於 上午10:00 by werdna 目前在網路上看到的文章都還說Google Chart API無法使用中文但其實是可以的 所以特地寫一篇介紹如何達成我們的目標Google Chart API是google提供的服務我們只要透過網址傳遞相關的參數和資料就可以獲得對應的資料圖表今天要介紹的就是利用google來繪製圓餅圖上圖就是google官方所提供的範例網址是http://chart.apis.google.com/chart?cht=p3chd=t:60,40chs=250x100chl=Hello|World其中http://chart.apis.google.com/chart?是Chart API的網址後面要接參數重要的參數說明如下cht=p3選擇圖片類型如現在是立體圓餅圖chd=t:60,40各項資料的比例注意順序要與chl對應以 , 分隔chs=250x100圖片大小Google提供支援到300000畫素可以自訂為1000*300750*400600*500等等注意若文字過長被圖片切掉可以透過把圖調扁來讓他顯示chl=Hello|World各項資料的名稱以 | 分隔另外還有chtt是圖表的名稱其餘的參數可以參考Google Chart API上面的一段在google已經可以找到很多說明了本篇的重點其實是在如何為圖表加入中文因為google目前還不支援直接把中文放在網址中產生圖片所以很多人都以為這個API是無法使用中文的但是讓我們來看看下面這個例子其中的網址和剛剛都很類似http://chart.apis.google.com/chart?cht=p3chd=t:60,40chs=250x100chl=%E4%B8%AD%E6%96%87|%E5%87%BA%E7%8F%BE%E4%BA%86只有chl的地方改變了%E4%B8%AD%E6%96%87對應到的是中文的UTF-8編碼%E5%87%BA%E7%8F%BE%E4%BA%86則是出現了的UTF-8編碼關於中文網址的編碼轉換請參考用Java替中文轉碼URLEncoder用Javascript替中文轉碼escape, encodeURI, encodeURIComponent 的比較如果只想產生圖檔而不是在程式中應用的話請利用Online UrlEncoder線上轉換中文網址為UTF-8編碼應該就可以順利把中文網址轉換成UTF-8了關鍵字Google Chart API, Pie Chart, 圓餅圖, 中文, sort, 排序參考資料1. Google Chart API2. 用網址畫圖Google 推出 Google Chart API Posted in 標籤 google | 0 意見: 張貼意見 較新的文章 較舊的文章 首頁 訂閱 張貼意見 (Atom) 符碼記憶 2008-2009 CC -- 2.5 . 本站推薦使用Firefox並用1280*768以上解析度瀏覽 Reading Books Posts 2010 (1) 二月 (1) Directdraw Init Failed玩遊戲時的問題處理 2009 (47) 十二月 (7) Java...

全文 | Detail, 來源 | Source