[Web Chart系列之二] 各种兑现js 图表的library汇总与比较

[Web Chart系列之二] 各种实现js 图表的library汇总与比较

前言使用js 在浏览器展现图表， 参考系列一Web端图形绘制SVG,VML, HTML5 Canvas 技术比较

汇总目前实现web 图表的js library 数量是很多， 此处汇总：Name Brief IntroduceBrowser SupportSite URLComments$fx() 1.  lightweight
2. compress code
3. js+cssMIT and GPL license
open sourcegoodhttp://fx.inetcat.com/ amcharts Column, Bar, Line, Area, Step, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/Polar, XY/Scatter/Bubble charts 
Not open sourcehttp://www.amcharts.com/arborforce directed Graphnot support good in IEhttp://arborjs.org/Bluff1.for ruby
2.Bluff, ? 2008–2010 James CoglanGPL and MIT licenses.http://bluff.jcoglan.com/Canvas 3D GraphCanvas 3D Graph is a special type of bar graph that plot numbers in 3D
 BSD Licence http://dragan.yourtree.org/code/canvas-3d-graph/3DCanvas Pie Chart with TooltipsCanvasXpressbased on the <canvas> tag implemented in HTML5not support good in IEhttp://canvasxpress.org/ccchartnot support good in IEhttp://jsgt.org/c/Cubism1. base D3
2.  time series chartnot support good in IECytoscape A lot of plugins are available for various kinds of problem domains, including bioinformatics, social network analysis, and semantic web. not free,LGPL.goodhttp://www.cytoscape.org/Cytoscape Webd3.jsnot support good in IEhttp://mbostock.github.com/d3/DojoX.Chartingmobilehttp://dojotoolkit.org/projects/dojoxDracula Graph Dracula is a set of tools to display and layout interactive graphs, along with various related algorithms.https://github.com/strathausen/draculadygraphsproduces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret themopen source http://dygraphs.com/time seriesEJSChart(Emprise JavaScript Charts)Not open sourcehttp://www.ejschart.com/Not open sourceelychartsRapha?l and jQuery libraries.
line charts with spline support
area and areaspline charts
column/bar charts
combined line/area charts
sparklines and sparkbars
pie charts Open-source and Free (even for commercial use)http://elycharts.com/EXT.JS not freenot freefgChartingUpdate to jQuery VisualizeFlotgoodhttp://code.google.com/p/flot/no bubble chartFlotr
based on the Prototype Javascript Frameworkgoodhttp://code.google.com/p/flotr/support not wellflotr2Flex + flashhttp://www.humblesoftware.com/flotr2/google chartgoodhttps://developers.google.com/chart/?hl=zh-CNbubble chart not wellgRaphael base raphaelgoodhttp://g.raphaeljs.com/gvChart base Google Chart Tools
Area、Line、Bar、Column和Piehttp://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/bubble chart not wellhighchartnot freehttp://www.highcharts.com/bubble chart not wellico base raphael , line charthttps://github.com/alexyoung/icono bubble chart JavaScript InfoVis Toolkitgoodhttp://thejit.org/jqPlotline, bar and pie charts goodhttp://www.jqplot.com/bubble chart not welljQuery Google Chartscan't access sitehttp://www.maxb.net/scripts/jgcharts/support not welljQuery SparklinesThis jQuery plugin generates sparklines http://omnipotent.net/jquery.sparkline/sparklines jQuery VisualizeHTML5 canvas charts driven by HTML table elementshttps://github.com/filamentgroup/jQuery-Visualizebubble not supportjschartJS Charts lets you create charts in different templates like bar charts, pie charts or simple line graphs. not open sourcehttp://www.jscharts.com/jsplumbgoodhttps://github.com/sporritt/jsPlumbJSXGraph interactive geometry, function plotting, charting, and data visualizationLGPL – Lesser GNU General Public License.goodhttp://jsxgraph.uni-bayreuth.de/wp/ 图展现不好leigeber can't access sitehttp://www.leigeber.com/ milkchartgenerate a graph similar to Microsoft Excel.MIT licensehttp://mootools.net/forge/p/milkchartmoochartmoochart is a plugin for MooTools 1.2 that draws bubble diagrams on the canvas tag. Future versions might include pie, bar & line graphs.not support good in IEhttp://moochart.coneri.se/mootools1. provide a unique and elegant way to visualize data using Javascript and the <canvas> object
2. from 2008, only two versionMIT-style license.http://mootools.net/moowheel plugin MooTools that generates charts from accessible data tables.not goodhttp://labs.unwieldy.net/moowheel/Morris.js base raphael , line chart, barhttp://www.oesmith.co.uk/morris.js/Paper.js runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves,not support good in IEhttp://paperjs.org/PlotKitPlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.http://www.liquidx.net/plotkit/support not wellPrimerhttp://github.com/mojombo/primer/tree/mastersupport not wellProcessing.jsnot support good in IEhttp://processingjs.org/ProtoChartno longer maintainedhttp://code.google.com/p/protochart/protovis1.Protovis is no longer under active development.
2. To D3http://mbostock.github.com/protovis/raphaelhttp://raphaeljs.com/Reflectionogos, icons and dynamic image content such as forum avatars.http://cow.neondragon.net/stuff/reflection/ RGraph not open sourcehttp://www.rgraph.net/not open sourceRGraph2RGraph是一个基于Raphaeljs完整的点->线图的web实现。https://github.com/hafeyang/rgraph2.gitsigmasigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. It has been especially designed to:MIT License. http://sigmajs.org/viewSmoothie Chartsnot support good in IEhttp://smoothiecharts.org/Style Chartline and bar chart, less supporthttp://chart.inetsoft.com/Timelinetimelinehttp://timeline.verite.co/TimeplotTimeplothttp://www.simile-widgets.org/timeplot/TufteGraphnot support good in IEhttp://xaviershay.github.com/tufte-graph/not support good in IEYahoo UI Charts Control line, marker, area, spline, column, bar and pie charts. goodhttp://developer.yahoo.com/yui/

写在后面如何选择一个好的有适用自己的library . 针对各自需求的不同， 评衡的标准也不同。笔者这里给出一些建议的items:

1.No plugin
2. Browser Support
3. UI
4. Performance
5. Free; Open Source
6. Resource

7. othes special function demand