JSå¾å½¢ãå¾æ åºæ¨èï¼
1. JS Charts
JS Charts æ¯ä¸ªåºäºJavaScriptçå¾è¡¨çæå¨ï¼ä¸éè¦ä»»ä½ç¼ç ãJS Charts é常容æ使ç¨ï¼åªè¦ç¨æ·ä½¿ç¨å®¢æ·ç«¯èæ¬ï¼æ¯å¦ï¼å¨ web æµè§å¨ä¸æ§è¡ï¼ãå®ä¸éè¦å¤ä½çæ件åæå¡å¨æ¨¡åï¼åªéè¦ä¸è½½ JS Charts çèæ¬ï¼åå¤å¥½ XMLï¼JSON æè
JavaScript æ°ç»æ°æ®ã
2. Canvasjs
CanvasJS æ¯ä¸ªæç¨ç HTML5 & JavaScript å¾è¡¨åºï¼åºäº Canvas å
ç´ ãGraphs å¯ä»¥éè¿è®¾å¤æ¸²æï¼å
æ¬ iPhoneï¼iPadï¼Androidï¼Windows Phoneï¼Microsoft Surfaceï¼Desktops ççãå®å
许ç¨æ·å建éç¨äºææ设å¤ï¼ä¸å½±å web åºç¨ç¨åºçåè½åå¯ç»´æ¤æ§çå¯ä»ªè¡¨çãCanvcasJS æçé常æ¼äº®ç主é¢åè¶
è¿ä¼ ç»ç Flash å SVG å¾è¡¨ 10x å以ä¸çé度ââçæè½»é级ï¼æ¼äº®åååºå¼ç仪表å¾ã
3. Chart.js
Chart.js æ¯ä¸ªç®åçï¼é¢å对象ç客æ·ç«¯å¾å½¢åºï¼ç¨æ·å¯ä»¥ç¨ 6 ä¸ä¸åçæ¹å¼æ¥å¯è§åæ°æ®ãæ¯ä¸ªæ¹å¼é½æ¯å¨ç»ææçï¼å®å
¨èªå®ä¹ï¼èä¸çèµ·æ¥é常好çï¼å³ä½¿å¨ retina æ¾ç¤ºãå®ä½¿ç¨ HTML5 canvas å
ç´ ï¼æ¯æææç°ä»£æµè§å¨ï¼å¹¶ä¸æ¯æ IE7/8ã
4. Aristochart
Aristochart æ¯ä¸ªé«åº¦èªå®ä¹ï¼çµæ´»çæ线 Canvas å¾è¡¨åºï¼å
许ç¨æ·éä¸ç²¾åå¨å¾è¡¨ç审ç¾æ¹é¢ï¼åå°å·¥ä½åå¾é常好ãAristochart æ个æç»è¿æ¥ç社åºï¼æä¾è®¸å¤ä¸æå¢é¿ç主é¢ç»ç¨æ·éæ©ã
5. xCharts
xCharts æ¯ä¸ä¸ªä½¿ç¨ D3.js æ¥æ建æ¼äº®çå¯å®å¶çæ°æ®é©±å¨ç JavaScriptå¾è¡¨åºï¼ä»ä½¿ç¨HTMLï¼CSSï¼SVGå®ç°å¾è¡¨ï¼xCharts 被设计为ä¸ä¸ªå¨æçãæµç
çãå¼æ¾çåå¯å®å¶åçåºã
6. BonsaiJS
BonsaiJS æ¯ä¸ªè½»é级ç JavaScriptå¾å½¢åºï¼æä¾ç´è§çå¾å½¢ API å SVG 渲æå¨ã主è¦ç¹æ§å
æ¬ï¼æ¶æå离çè¿è¡å¨å渲æå¨ï¼iFrameï¼Worker å Node è¿è¡ä¸ä¸æï¼å½¢ç¶ï¼è·¯å¾ï¼Assetsï¼é³é¢ï¼å¾åï¼åä½ï¼subMoviesï¼ï¼Keyframe å常è§å¨ç»ï¼ççãæ¯æç°ä»£åæµè§å¨ï¼ Safari, Chrome å Firefoxã
7. Sigma.js
Sigma.js æ¯ä¸ªå
è´¹å¼æºç JavaScriptå¾å½¢åºï¼ä½¿ç¨ HTML5 canvas å
ç´ ãå®ç设计æ¯ç¹å«ä¸ºäºå¨ web çé¢å享交äºå¼ç½ç» Map åå¨æå±ç¤ºç½ç»æ°æ®åºã
8. Morris.js
Morris.js æ¯ä¸ªè½»é级ç JavaScriptåºï¼ä½¿ç¨ jQuery å Rapha&enuml æ¥ç»å¶æ¶åºå¾ã Morris.js çå½å¨ææ¯ä»ä»£ç é©±å¨ howmanyleft.co.uk å¾è¡¨å¼å§çãå®æ¯æçæµè§å¨æï¼ IE6+, Safari/Chrome/Firefox, iOS 3+ å Android 3+ãå®çå
Œ
± API é常çå°ï¼åªæä¸ä¸ªå½æ°ï¼ Morris.Line(é项)ï¼å
æ¬äºè®¸å¤é
ç½®é项ã
9. Paper.js
Paper.js æ¯ä¸ä¸ªå¼æºçåéå¾å½¢èæ¬æ¡æ¶ï¼åºäº HTML5Canvas å¼åãæä¾æ¸
æ°çåºæ¯å¾ãDOMå大é强大çåè½ç¨æ¥å建åç§åéå¾åè´å¡å°æ²çº¿ã
10. AmCharts
AmCharts æ¯ä¸ªé«çº§å¾è¡¨åºï¼éç¨äºæææ°æ®çå¯è§åãAmCharts å
æ¬ï¼ Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid ççã
11. Smoothie Charts
Smoothie Chartsæ¯ä¸ªæå°çå¾è¡¨åºï¼ä¸ä¸ºå®æ¶æµåªä½æ°æ®è®¾è®¡çãJoe Walnes æ³å±ç¤º WebSocketæ¨å¨çå®æ¶çæµæ°æ®ãè½ç¶å¾å¤å¾è¡¨åºå
许ç¨æ·å¨ææ´æ°æ°æ®ï¼ä½æ¯æ²¡æä¸ä¸ªæ¯å¯ä»¥ä¼åæºæºä¸æçæµæ°æ®ã
12. Dygraphs
Dygraphs æ¯ä¸ªå¿«éï¼çµæ´»ï¼å¼æºç JavaScript å¾è¡¨åºãå®å
许ç¨æ·å±ç¤ºå解æå¯éçæ°æ®éãå¯ä»¥é«äº®éè¦å¼ºè°çæ°æ®éãå¯ä»¥ä½¿ç¨é¼ æ ç¹å»æè
ç¨é¼ æ æå¨æ¥ç¼©æ¾å¾è¡¨ï¼å¯ä»¥ä¿®æ¹æ°å¼æè
ç¹å»æ¡ç®æ¥è°æ´å¹³åå¨æã
13. Grafico
Grafico æ¯ Grafico æ¯ä¸ä¸ªåºäº Raphaël å Prototype.js æ建ç JavaScript å¾è¡¨åºï¼æä¾äºåç§å¾è¡¨ç±»åãè¿äºæ¼äº®çå¾è¡¨ï¼æå©äºä¼ éä»ä»¬çä¿¡æ¯ã
14. Highchart JS
Highcharts JS æ¯ä¸ä¸ªå¶ä½å¾è¡¨ç纯 Javascriptç±»åºï¼ä¸»è¦ç¹æ§å¦ä¸ï¼å
¼å®¹æ§ï¼å
¼å®¹å½ä»ææçæµè§å¨ï¼å
æ¬ iPhoneãIE åç«çççï¼å¯¹ä¸ªäººç¨æ·å®å
¨å
è´¹ï¼çº¯JSï¼æ BSï¼æ¯æ大é¨åçå¾è¡¨ç±»åï¼ç´çº¿å¾ï¼æ²çº¿å¾ãåºåå¾ãåºåæ²çº¿å¾ãæ±ç¶å¾ã饼è£
å¾ãæ£å¸å¾ï¼è·¨è¯è¨ï¼ä¸ç®¡æ¯ PHPãAsp.net è¿æ¯ Java é½å¯ä»¥ä½¿ç¨ã
15. Flotr
Flotr æ¯ä¸ä¸ªåºäº Prototype å¼åç JavaScriptç»å¾å·¥å
·ãæ¯æå¾ä¾ï¼é¼ æ è·è¸ªï¼å¾çåºåéæ©ï¼å¾ç缩æ¾ï¼æ·»å äºä»¶é©åï¼event hookï¼ï¼éè¿CSSè®¾ç½®æ ·å¼çã
16. Flot
Flot æ¯å Plotr å PlotKit ç å¯åï¼Ole Laursen åºäº jquery å¼åäºä¸ä¸ªå¾è¡¨ç»å¶(WEB Chart)æ件并å½å为 flotã flot æ¯ä¸ªçº¯ JavaSript åºï¼ä¸æ³¨äºç®åç使ç¨æ¹å¼ï¼è¿·äººçå¤è§å交äºå¼ç¹æ§ãæ¯æçæµè§å¨æï¼ Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ã
17. jFreeChart
JFreeChart 主è¦ç¨æ¥åç§åæ ·çå¾è¡¨ï¼è¿äºå¾è¡¨å
æ¬ï¼é¥¼å¾ãæ±ç¶å¾(æ®éæ±ç¶å¾ä»¥åå æ æ±ç¶å¾)ã线å¾ãåºåå¾ãåå¸å¾ãæ··åå¾ãçç¹å¾ä»¥åä¸äºä»ªè¡¨çççãJFreeChart 项ç®åå²æ ä¹
ï¼èä¸æ大éçå¼åè
å¨ç»´æ¤ã
18. Plotkit
PlotKit æ¯ä¸ä¸ªçº¯ JavaScript ç»å¾å·¥å
·å
ãå®æ¯æ HTML Canvas å Adobe SVGãæçå¾å®æ´çææ¡£ï¼æ¹ä¾¿ç¨æ·ä½¿ç¨ã
19. Planetary.js
Planetary.js æ¯ä¸ªä»¤äººç§°å¥çå建交äºå¼ web å°ç仪ç JavaScriptåºãå®ä½¿ç¨ D3 å TopoJSON æ¥è§£æå渲æå°çä¿¡æ¯ãPlanetary.js 使ç¨åºäºæ件çæ¶æï¼çè³é»è®¤èªèº«å°±æ¯ä¸ªæ件ï¼è¿ä½¿å¾ Planetary.js é常çµæ´»ï¼èä¸å®æ¯å
许ç¨æ·å®å
¨èªå®ä¹ï¼å
æ¬é¢è²ï¼å¤§å°ï¼rotation ççãæ´éè¦çæ¯ï¼ç¨æ·å¯ä»¥å¨ä»»æä½ç½®ä½¿ç¨èªå®ä¹çé¢è²å大å°æ¥æ¾ç¤ºå¨ç»âpingsâï¼å®è¿æ¯æé¼ æ æå¨å缩æ¾ï¼100% å
è´¹åå¼æºã
20. Ember Charts
Ember Charts æ¯ä¸ªå¾è¡¨åºï¼ä½¿ç¨ Ember.js å d3.js æ¡æ¶æ建çãå®å
æ¬æ¶é´çº¿ï¼æ¡å½¢å¾ï¼é¥¼å¾åæ£ç¹å¾ï¼é常容ææ©å±åä¿®æ¹ãè¿äºå¾è¡¨ç»ä»¶é½æ¯å¼ç®±å³ç¨çï¼å¨å¾è¡¨äº¤äºåæ¼ç¤ºæ¹é¢åºç¨çå¾å¥½ã
21. Sparky
Sparky æ¯ä¸ªå
è´¹ç JavaScript 波形å¾åºï¼ä¾èµäº Raphaël ï¼é常容æ使ç¨ãæ¯æå¤ä¸ªå¾è¡¨ç±»åï¼æ线ï¼æ¡å½¢ï¼areaï¼ï¼æ线ååºåå¾å¯ä»¥æå¤ä¸ªé¢è²éæ©ã
22. Envision.js
Envision.js æ¯ä¸ª JavaScript åºï¼ç¨æ¥ç®åï¼å¿«éå建交äºå¼ç HTML5 å¯è§åå¾è¡¨ãå®å
æ¬ä¸¤ä¸ªå¾è¡¨ç±»åï¼æ¶åºå¾å Finance ï¼æä¾ API ç»å¼åè
ï¼ç¨æ·å¯ä»¥ç´æ¥èªå®ä¹å建å¾è¡¨ãè¿ä¸ªåºæ°åºäº Flotr2 å HTML5 Canvas çãå®ä¸æ¡æ¶æ å
³ï¼ä¾èµäºå 个å°ç JavaScript åºã
23. Dc.js
dc.js æ¯ä¸ª JavaScript å¾è¡¨åºï¼æçåçç crossfilterï¼ æ¯æåå
许é«æå±ç¤ºå¤§åå¤ç»´æ°æ®éï¼åºäº crossfilter ç示ä¾ï¼ï¼å¾è¡¨ä½¿ç¨ dc.js 渲æï¼æ¯ä½¿ç¨åçæ°æ®é©±å¨ï¼æ以è½å¾å°ç¨æ·çå®æ¶åé¦ï¼dc.js æ大ç亮ç¹å¨äºè½æä¾ä¸ä¸ªç®åè强大ç JavaScript åºï¼è½è¿è¡æ°æ®å¯è§åååæï¼ä¸ä»
æ¯ææ¡é¢æµè§å¨è¿æ¯æ移å¨ç«¯ã
24. ElyCharts
Elycharts æ¯ä¸ä¸ªæäºä½¿ç¨çï¼å¯å®å¶ç JavaScriptå¾è¡¨ç»å¶ç»ä»¶ãè¿ä¸ªç»ä»¶å¯ç¨äºç»å¶å¤§é¨å常ç¨çå¾è¡¨ç±»åå
æ¬ï¼line, column, are, bar, pie, sparklines and combinationsãå®æ¯æå¤ç§äº¤äºå¼åè½å
æ¬ï¼é¼ æ è·è¸ªãäºä»¶å¤çãå©ç¨åç§å¨ç»é«äº®æ¾ç¤ºéæ©ä¸çåºåï¼Tooltipï¼HTMLéç¹çãå¯ä»¥å¨ æä¿®æ¹æ°æ®ï¼å¹¶ä»¥æ¼äº®çå¨ç»ææå±ç¤ºå¾è¡¨ä¸çååãå¾è¡¨å©ç¨SVG/VMLææ¯çæï¼åºäºjQuery + Raphaëlå¼åã
25. AwesomeChartJS
AwesomeChartJS Awesome Chart JS æ¯ä¸ä¸ª JavaScriptçæå¾è¡¨çç±»åºï¼å®å©ç¨äº HTML5 ç canvas æ ç¾æ¥å建ç»è®¡å¾è¡¨ãæ¤ç±»åºå°±æ¯ä¸ºäºåè½»å¼åè
çå·¥ä½éï¼ä½¿ç¨å®åªé书åå è¡ä»£ç 便è½çææ¼äº®çå¾è¡¨ã
26. Arbor.js
Arbor.js æ¯ä¸ä¸ªå©ç¨ Web Works å jQueryå建çå¯è§åå¾å½¢åºï¼å®ä¸ºå¾å½¢ç»ç»åå±å¹å·æ°å¤çæä¾äºä¸ä¸ªé«æçãå导åçå¸å±ç®æ³ã
27. CanvasXpress
canvasXpress æ¯ä¸ä¸ªåºäºHTML5 canvasæ ç¾å®ç°ç JavaScriptå¾è¡¨ç±»åºï¼å®è½å¤æ¯æ线æ§å¾ãæ±å½¢å¾ã饼å¾åçç¹å¾çå¤ç§å¸¸è§çå¾è¡¨ç±»åãå®æçæçå¾è¡¨äº¤äºæ§å¾å¼ºï¼é¼ æ æ¾ ä¸å»æ¶ä¼å¨ææ¾ç¤ºå¼ãé¤æ¤ä¹å¤ï¼å®ä¹å
·æç¸å½é«çå¯å®å¶æ§ï¼å¯è®¾ç½®å¾è¡¨çæåãé¢è²åè¦æ¾ç¤º/éèçå
ç´ çãå½ç¶æ´éè¦çä¸ç¹æ¯ï¼è½ç¶å®ä½¿ç¨äº HTML5ï¼ä½æ¯ä¾ç¶æ¯æIE6æµè§å¨ã
28. JSXGraph
JSXGraph æ¯ä¸ä¸ªæ¯æåç§æµè§å¨ç交äºå¼å ä½å¾åºç»å¶ãJSXGraph ä½¿ç¨ SVG å VMLã
29. Rickshaw
Rickshaw æ¯ä¸ä¸ªç¨äºç»å¶æ¶åºå¾çç®å jS åºï¼åºäº Mike Bostockâs delightful D3 åºæ建ã
30. rGraph
RGraph æ¯åºäºHTML5 canvasæ ç¾çHTML5 canvaså¾å½¢åºï¼æ¯æ 20 ç§ä¸åçå¯è§åç±»åãä½¿ç¨ canvas æ ç¾ï¼RGraph å建âHTML5 å¾è¡¨âï¼æå³çæ´å¿«ç web 页é¢å è½½åæ´å°ç web æå¡å¨å è½½ãè¿è½å¸®å©åå° web 页é¢ç大å°ï¼ä½è½èåæ´å¿«çæµè§é度ã
31. Fusion Chart
FusionCharts Suite XT æ¯ä¸ªä¸ä¸ç JavaScriptå¾è¡¨åºï¼è½å建任ä½ç±»åçå¾è¡¨ãå®å建çå¾è¡¨é½æ¯å¯ä»¥è¿è¡å®å
¨èªå®ä¹çï¼æ ç¾ï¼åä½ï¼è¾¹çççï¼é½å¯ä»¥è¿è¡ä¿®æ¹ãå®æå¾å¼ºç交äºåè½ï¼æ许å¤ä¿¡æ¯æ示ï¼å¯ ç¹å»ç legend å
³é®åï¼è¿æ dril-downï¼ç¼©æ¾/æ»å¨ ååå»æå°å¾è¡¨åè½ã
32. Graph Dracula
Dracula æ¯ç¨ä¸ç³»åçå·¥å
·æ¥æ¾ç¤ºåå¸å±äºå¨å¾è¡¨ï¼å
æ¬åç§ç¸å
³çç®æ³ãå®åªæ¯çº¯ JavaScript å SVG ï¼å¹¶æ Flashï¼Javaï¼å
¶ä»æ件ãå®é常容æ使ç¨ï¼ç¨æ·å¯ä»¥å¾ç®åçèªå®ä¹ä»»æçå
ç´ ã
33. Bluff
Bluff æ¯ä¸ª JavaScript ç Ruby ç Gruff graphing library端å£ãå®æ¯æææ Gruff çç¹æ§ï¼ä½æ¯æçæå°çä¾èµãç¨æ·åªéè¦è¿è¡ä¸ä¸ªç¬¬ä¸æ¹èæ¬ï¼ JS.Class å¯æ¬(å缩ååªæ 2.6kB ) å Google ç ExCanvas å¯æ¬ï¼ç¨æ¥æ¯æ IE ä¸ç canvasãè¿ä¸¤ä¸ªèæ¬å¨ Bluff ä¸é½æä¸è½½ãBluff èªèº«å缩å大å°å¤§æ¦æ 11KB ã
34. Pizza Pie Chart
Pizza Pie Charts æ¯ä¸ªååºå¼é¥¼å¾å¾è¡¨ï¼åºäº Adobe Snap SVG æ¡æ¶ï¼éè¿ HTML æ è®°å CSS æ¥æ¿ä»£ JavaScript 对象ï¼æ´å®¹æéæåç§å
è¿çææ¯ã
35. jGraph
HTML5 å¾è¡¨ç»ä»¶ï¼å®å
¨æ¯æl IE 6-8 å触å±è®¾å¤ã JGraph èª2001å¹´æ¥å°±ä¸ç´æä¾æå
è¿çå¾è¡¨è½¯ä»¶ç»ä»¶ï¼æ¯ç¬¬ä¸ä¸ªæµè¡ç JGraph Swing åºãç¶åå¨ 2005 å¹´èµ°å¨æ¶ä»£çå沿å¼å mxGraphã
温馨提示:答案为网友推荐,仅供参考