A-Fu Design

Peity Mini Chart 顯示在文中的小圖表

在寫文章或者在網站的結構上，如過有增加一下圖表或者圖片都可以大大增加瀏覽者對文章或網站的興趣，而如果在網站上有需要統計某些會變動的數值而且又不需要太過詳細的描述統計圖表的話， Peity Mini Chart 就非常適合你。Peity 是一個利用 jQuery 框架轉換一些元素到 HTML5 的 Canvas 元素對象中，可以轉換為圓餅圖、曲線圖和長條圖。因為是用到了 HTML5 的 Canvas 元素，所以並不支援 IE9 以下的版本瀏覽。

jQuery Gantt Chart 網頁上顯示甘特圖

要展示甘特圖的時候通常都會遇到一些軟體上的問題，例如：沒有裝軟體或者是畫面太小展示出來看不清楚等等的。 jQuery Gantt Chart 是一個網頁做成就不會有電腦是沒有軟體的問題了。資料主要的數據可以使用 JSON 格式檔案還包含結果分頁、對每個任務使用不同顏色來表示、使用簡短描述作為提示、標註節日等等的功能。

Flot 實際執行畫面

FLOT是一個 JavaScript 的統計圖表繪製套件，基於 jQuery 開發。能夠在可戶端根據任何資料的集成快速生成圖片，可繪製長條圖、圓餅圖、線性圖等等。使用HTML5的 Canvas 標籤來繪製圖表，IE9以下只要再多加載 excanvas.min.js 就能更讓瀏覽器暫時支援HTML5 的 Canvas 標籤來繪製圖表。