技術文章
3款國産免費而優秀的圖表JS插件
發布日期:2019-08-10 閱讀次數:7 字體大小:

        开发人员很多时候需要使用图表来表现一些数据,而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展,从传统只能依 靠于flash、IE的vml,各个浏览器尚不统一的svg,到如今规范统一的canvas、svg为代表的html5技术,表现点、线、面要素的技术已 经越来越规范成熟。我在本篇文章中收集了10款免费开源且比较优秀的图表制作插件,以供各位参考。

        1,ichartjs(國産)

        ichartjs是一款優秀的國産開源插件,作者是王鶴,英文名taylor,畢業于南昌大學軟件工程專業。

        ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解決方案 。如果你正在开发HTML5的应用,ichartjs正好适合您。 ichartjs目前支持饼图、环形图、折线图、面积图、柱形图、条形图。ichartjs是基于Apache License 2.0协议的开源项目。

10款免费而优秀的图表JS插件

        2,echarts(國産)

        Echarts是百度前端團隊做的基于html5-canvas的開源圖表繪制組件。

幾個特性如下:

        拖拽重計算:拖拽重計算特性(專利)帶來了數據統計圖表從未有過的用戶體驗,允許用戶對統計數據進行有效的提取、整合,甚至在多個圖表間交換數據,賦予了用戶對數據進行挖掘、整合的能力。

        大規模數據模式:如何展現成千上百萬的數據?貌似除了用專業的統計工具(如MATLAB)外別無選擇?不,在擁有衆多交互特性下ECharts依然可以做到直角系圖表(折、柱、散點、K線)20萬數據秒級出圖。

        值域漫遊:基于坐標的圖表(如地圖、散點圖)通過色彩變化表現數值的大小能直觀形象的展示數據分布。但如何聚焦到我所關心的數值上?ECharts擁有值域漫遊的功能,讓你可以輕松進行數值篩選。

10款免费而优秀的图表JS插件

        3,Loongchart(國産)

        LoongChart是一款基于HTML5-Canvas的開源信息圖表繪制組件,難能可貴的是該插件能夠兼容IE7、IE8,但動畫效果較差,靜態顯示效果基本滿足要求。

有以下特點:

        純html5及Javascript,跨平台,原生支持現代浏覽器,兼容IE7、IE8,不依賴任何框架;

        支持多種常用繪圖類型;

        支持組合圖;

        支持核心代碼內的語言設定(用于錯誤提示);

        支持動畫(可關閉);

        支持皮膚設定以及自定義定制皮膚功能;

        部分圖形支持3D圖

        支持自定義繪圖;

        記錄最終繪制的圖形中的各元素位置、大小等信息,以供查詢;

        支持直接導出圖片(非全部均浏覽器支持);

        LoongChart官網有一個比較貼心的功能,它支持在線修改選項和查看選項,並可以實時顯示修改選項後的效果。如果用戶找到合適的選項,就可以直接查看實時選項並複制到自己的項目中,非常方便。

10款免费而优秀的图表JS插件