請問網頁高手如何用HTML語法畫折線圖？

Question

請問網頁高手如何用HTML語法畫折線圖？
或是有什麼好的方式，
我有一些簡單的二維資料庫想用折線圖表示，
請問如何在網頁上畫折線圖？

有使用者不用下載任何元件就可以瀏覽的方式嗎？ 謝謝！

Answer 1

用 SVG 或者用 Javascript 吧。

SVG 本身對你來說開發比較快速，而且明碼、支援的瀏覽器廣、可以用 Corel Draw / Adobe Illustrator / 記事本編輯，可以內嵌在網頁代碼裡。英文維基很多圖 (包括鼎鼎大名的一些商標圖) 都是用 SVG 做的。

這裡附一個 SVG 折線圖的範例，你可以存下然後貼到記事本，存成附檔名為 .svg 的檔案，然後用你的瀏覽器開啟：





]>
viewBox="0 0 356.69 219.434" overflow="visible" enable-background="new 0 0 356.69 219.434" xml:space="preserve">








2007-04-26 00:44:28 補充：
Javascript。不過你要懂怎麼畫。

2007-04-26 00:48:07 補充：
如果你看這個圖片不用下載任何文件的話，那 SVG 就不用下載任何文件，你所需要做的是研究原始碼。

http://en.wikipedia.org/wiki/Image:Att_svg.svg