1. 程式人生 > >優秀的圖表JS外掛

優秀的圖表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的包裝庫。後面我們將涉及到其中的一些佼佼者。

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