ichartjs是一款基於HTML5的圖形庫,使用純javascript語言,利用HTML5的canvas標籤繪製各式圖形。
基本介紹
- 中文名:ichartjs
- 類型:圖形庫
簡介,特點,跨平台,輕量級,快速構建,效果預覽,2D餅圖,3D餅圖,2D柱形圖,3D柱形圖,2D面積圖,
簡介
ichartjs致力於為WEB套用提供簡單、直觀、可互動的體驗級圖表組件。是WEB圖表展示方面的解決方案 。如果你正在開發HTML5的套用,ichartjs正好適合你。 ichartjs目前支持餅圖、折線圖、區域圖、柱形圖、條形圖、堆積圖、組合圖。ichartjs是基於Apache License 2.0協定的開源項目。目前的最新版本為2013-06-26發布的v1.2。
特點
跨平台
ichartjs利用HTML5 canvas完成圖形繪製工作,這樣它有能力在現代的主流瀏覽器中運用自如。 無論你是windows派、Mac粉、還是pad族,ichartjs都能在不改動任何代碼的前提下提供統一的視圖。
輕量級
整個ichartjs壓縮檔案只有90k。如果你只需要單一的圖形功能,你也可以只載入你所需要的js檔案。 那樣代碼量會更少。ichartjs不依賴任何其他庫。只和瀏覽器相關。這樣給你帶來的是一個完全獨立的輕量級js組件。
快速構建
ichartjs是利用HTML5 canvas完成圖形繪製工作的,所以它的主要工作從伺服器移到用戶的瀏覽器中。 在減少了伺服器的資源的同時,在瀏覽器中也有較高的執行效率。 你只需要在你的頁面引入ichartjs的js檔案就完成了搭建環境。
效果預覽
2D餅圖
該示例展示了UC瀏覽器、手機QQ瀏覽器及歐朋瀏覽器分別以活躍用戶市場40%、37.1%及13.8%的份額位列第三方手機瀏覽器市場前三甲。
3D餅圖
該示例展示了移動作業系統市場份額。其3D效果令人耳目一新。
2D柱形圖
該示例展示了pinterest網站的訪問量情況。
3D柱形圖
該示例展示了公司年度銷售5強的情況。此示例中,模擬了FusionCharts的圖表風格。
2D面積圖
該示例展示了A產品2011年度的訂單情況。