優秀的圖表JS插件

1,ichartjs(國產)
  http://www.ichartjs.com/
  ichartjs是一款優秀的國產開源插件,作者是王鶴,英文名taylor,畢業於南昌大學軟件工程專業。
  ichartjs 是一款基於HTML5的圖形庫。使用純javascript語言, 利用HTML5的canvas標籤繪製各式圖形。 ichartjs致力於爲您的應用提供簡單、直觀、可交互的體驗級圖表組件。是WEB/APP圖表展示方面的解決方案 。如果你正在開發HTML5的應用,ichartjs正好適合您。 ichartjs目前支持餅圖、環形圖、折線圖、面積圖、柱形圖、條形圖。ichartjs是基於Apache License 2.0協議的開源項目。
  
2,echarts(國產)
  http://echarts.baidu.com/index.html
  http://echarts.baidu.com/echarts2/doc/doc.html
  Echarts是百度前端團隊做的基於html5-canvas的開源圖表繪製組件。

  幾個特性如下:

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

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

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

3,Loongchart(國產)
   http://loongchart.cn/
   LoongChart是一款基於HTML5-Canvas的開源信息圖表繪製組件,難能可貴的是該插件能夠兼容IE7、IE8,但動畫效果較差,靜態顯示效果基本滿足要求。

  有以下特點:
  純html5及Javascript,跨平臺,原生支持現代瀏覽器,兼容IE7、IE8,不依賴任何框架;
  支持多種常用繪圖類型;
  支持組合圖;
   支持核心代碼內的語言設定(用於錯誤提示);
   支持動畫(可關閉);
  支持皮膚設定以及自定義定製皮膚功能;
   部分圖形支持3D圖
  支持自定義繪圖;
  記錄最終繪製的圖形中的各元素位置、大小等信息,以供查詢;
  支持直接導出圖片(非全部均瀏覽器支持);

  LoongChart官網有一個比較貼心的功能,它支持在線修改選項和查看選項,並可以實時顯示修改選項後的效果。如果用戶找到合適的選項,就可以直接查看實時選項並複製到自己的項目中,非常方便。
  
4,Chart.js
  http://www.chartjs.org/
  https://github.com/chartjs/Chart.js
  小巧而輕便的的圖表插件,缺點是支持的圖形類型較少,數據交互功能也非常有限,但作者以後可能會逐漸完善。

5,Jqplot
  http://www.jqplot.com/
  一個相當古老而“堅挺”的圖表插件,支持現代瀏覽器和IE7,IE8(和LoongChart一樣,拋棄IE6了)。

6. Highcharts
  http://www.hcharts.cn/index.php
  Highcharts 是又一個流行的交互圖表庫,與其他庫一樣,它是基於 HTML5/SVG/VML,所以不需要擴展插件。提供的圖表類型很廣泛,像曲線圖,柱狀圖,條形圖,地圖,儀表盤等。

  它還提供個人用戶免費,可在線生成交互式圖表的接口 Highcharts cloud,商業使用需要購買授權。

  協議: 非商業使用免費,商業使用付費。

7, D3.js
  http://d3js.org/
  https://github.com/d3/d3/wiki/Gallery
  D3通常是提到數據可視化時出現的第一個名字。它是一個非常強大的開源項目,可以通過動態更新DOM創造出驚人的視覺效果和圖形。另外,它使用HTML,CSS和SVG。

  它符合W3C標準,並且是跨瀏覽器兼容的。開發者們往往喜歡它所帶來的許多特徵,比如“進入和退出”以及強大的過渡。你可以到這裏找到一些 D3 的示例。

  需要說明的是,它沒有預建圖表,即時學習基本的圖表也有一條非常陡峭的學習曲線。但開發者們是極富創新性,開發出了不少基於D3的包裝庫。後面我們將涉及到其中的一些佼佼者。

  源碼許可證: 開源。免費使用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章