2014年5月9日 星期五

在 Blog 文章中加入圖表 (Chart)

完全不用寫程式,用 Google 雲端硬碟的"試算表"就可以做到了。像下面這樣的互動式圖表...
1. 首先在 Google 雲端硬碟建立一個試算表。

2. 然後表格中塞一些資料,像這樣...
3. 插入圖表,點選單 > 插入 > 圖表
4. 圖表編輯器有三個標籤頁,「開始」、「圖表」、「自訂」。「開始」是設定資料範圍。如果是xy-chart,可以交換 xy 軸的資料。x軸資料變y軸,y軸資料變x軸。
5. 「圖表」選擇圖表樣示,pie chart, line chart, bar chart, ...
6. 「自訂」可以設定圖表標題,若是 xy-chart,可以設定x, y軸標題及xy軸顯示級距等等。

7. 點選「插入」後,就產生在文件裡,若要再修改,可點圖表右上方的小圖 > 進階編輯,可再回到上面的編輯畫面。
8. 接著要讓別人有權限看這個圖表,因為我們要放到其他網站上。文件右上方點「共用」,將「私人」改為「知道連結的使用者」。


9. 接著產生這個圖表的 HTML 程式片段。點圖表右上的小圖示 > 發佈圖表...。
10. 互動式圖表是產生<iframe/>,如果希望是張靜態的 image 的話,可以點「圖片」,會產生<img/>的HTML片段。
10. 複製貼到 blog 文章或網頁就大功告成了!!! 


沒有留言: