基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本

jopen 11年前發布 | 12K 次閱讀 ichartjs

ichartjs designer是在線設計ichartjs圖表并可查看源代碼的工具。設計器采用所見即所得的設計理念。設計器包含圖表主要的配置項,可以滿足一般圖表的視覺設計工作。適用于ichartjs圖表開發以及設計圖表文案的科技工作者。

主要特色

  • 所見即所得,圖表視覺立即呈現。
  • 內置絢麗的示例。
  • 設計稿本地存儲。
  • 生成源代碼。

支持的圖表

  • 柱狀圖
  • 條形圖
  • 餅狀圖

基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本

設計器需要支持HTML5 canvas的瀏覽器,推薦使用chrome。

項目官網:http://www.ichartjs.com/designer/

ichartjs 是一款基于HTML5的圖形庫。使用純javascript語言, 利用HTML5的canvas標簽繪制各式圖形。 ichartjs致力于為WEB應用提供簡單、直觀、可交互的體驗級圖表組件。是WEB圖表展示方面的解決方案 。如果你正在開發HTML5的應用,ichartjs正好適合你。 ichartjs目前支持餅圖、折線圖、區域圖、柱形圖、條形圖。ichartjs是基于Apache License 2.0協議的開源項目。

特點

  • 跨平臺:
    ichartjs利用HTML5 canvas完成圖形繪制工作,這樣它有能力在現代的主流瀏覽器中運用自如。
    無論是PC上的,還是在Android/iOS上,ichartjs都能在不改動任何代碼的前提下提供統一的視圖。
  • 輕量級:ichartjs壓縮文件只有90k。如果你只需要單一的圖形功能,你也可以只加載你所需要的js文件。 那樣代碼量會更少。ichartjs不依賴任何其他庫。只和瀏覽器相關。這樣給你帶來的是一個完全獨立的輕量級js組件。
  • 多風格:ichartjs提供了多個定義樣式方面的配置項。通過它們,可以制作
    出由設計師設計出來的圖表風格。

圖表類型

基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
Hello World
用我們的方式展示了我們熟悉的Hello World。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D餅狀圖
該示例展示了2012年2月份市場瀏覽器占有的情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D柱形圖
該示例構造了一個Highcharts風格的圖表。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D環形圖
該示例展示了一個合格的工程師需要掌握的技能情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
3D餅狀圖
該示例以餅狀圖2D模式展示了2012年7月份中國瀏覽器市場占有率Top6。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
3D蔟狀柱形圖
該示例以柱形圖3D模式展示了2012年2月份市場瀏覽器占有的情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D折線圖
該示例展示了網站近5天的PV流量情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D面積圖
該示例展示了2012一年中每個月份平均溫度的情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D條形圖
該示例展示了中國社交媒體網站TOP10。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
3D堆積柱形圖 (new)
該示例展示了全國連鎖零售企業總部(總店)數TOP5。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
組合圖 (new)
該示例展示了某公司2011年度銷售5強情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
組合圖 (new)
該示例展示了Pinterest網站訪問量的情況。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D堆積條形圖 (new)
該示例展示了近8年美國游戲零售年度分析。
基于HTML5的圖形庫ichartjs發布在線圖表設計器1.1 版本
2D堆積柱形圖 (new)
該示例展示了2004年至2007年全國限額以上連鎖零售業情況。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!