天天看點

JavaScript圖表

    現在網絡上又有越來越多的免費的 JavaScript 圖表圖形繪制插件。此類插件的上升,是因 為:

        1. Flash 過去是最佳解決方案,但很多人多在從那遷移;最主要的是ipad和iphone不支援。

        2. 現代浏覽器及其更強大的計算能力,使其在轉化繪制實時資料方面的能力更佳;

        3. 繪制矢量圖的不同技術愈發成熟:VML、SVG 和 Canvas。

        基礎的原理應該是canvas技術,jquery的一個插件,jcanvas也是一個比較好的插件,如果想從最基礎的地方畫圖,可以參考這個插件。

        當然了,你需要仔細選擇,以符合自身需求。正如前面提到的,正因使用了各種技術,是以一些支援 Canvas 的插件僅需要一個現代浏覽器。

EveryChart

網站:http://everyjs.co.cc/

JavaScript圖表
JavaScript圖表
JavaScript圖表

選擇他的原因是因為他做的圖表比較漂亮。 特點是:

  • 無須下載下傳任何插件,隻要支援canvas的浏覽器即可使用。
  • 支援動态增加節點。
  • 體積小,速度快,使用簡單。
  • 面向對象架構,友善擴充。
  • 擁有詳盡的中文文檔和本地技術支援。
  • 多浏覽器支援: IE firfox 3.x+ opera chrome safari

 Awesome Chart JS

網站: http://cyberpython.github.com/AwesomeChartJS/

JavaScript圖表

        AwesomeChartJS 是個簡潔的 JS 庫,用于基于 HTML5 畫布元素的圖表

JS Charts

網站: http://www.jscharts.com/

JavaScript圖表

2012.8.28更新 後來又考慮到版權問題,有找了一下控件。 raphaeljs.com,這個控件可以支援比較複雜圖表,複雜情況可以用它。

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics.

dhtmlxChart

http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtml

這個是js圖表用起來比較簡單,常用的圖表可以優先用這個控件。

繼續閱讀