13 个JavaScriptå¾è¡¨åå¾å½¢ç»å¶æ件ãå°æ°æ¯ç¬ç«çæ¡æ¶ï¼å¤§å¤æ°æ¯ææ¡å¾ã线å¾ã饼å¾çåºæ¬å¾å½¢ï¼å¾å¤çè³æ¯ææ´å å¤æçå¾å½¢ï¼
æ¯å¦ï¼ç»´æ©å¾ãçå¾ãè¿åæ ãäºç»´æ£ç¹å¾ãäºç»´æ£ç¹æ°æ³¡å¾ãä¸ç»´æ£ç¹å¾çãç¸ä¿¡ä½ åºå½è½å¨è¿ä¸ªå表ä¸æ¾å°æéçã
1. Flotr2
ç¬ç«æ¡æ¶åºï¼æ¯æHTML5å¾è¡¨åå¾å½¢ãå®æ¯ flotr çä¸ä¸ªåæ¯çæ¬ï¼
移é¤äº Prototype ä¾èµæ§ï¼å¹¶ä¸æå¾å¤æ¹è¿ãæ¯æï¼çº¿å¾ãæ¡å¾ãè¡ç¶å¾ã饼å¾ãæ°æ³¡å¾ãè¯¸å¦ IE6 ç±»çèæµè§å¨ä¹æ¯æã
2. Rickshaw
ç¨äºå建交äºå¼æ¶åºå¾çJSå·¥å
·ãå®ä¾èµ D3 å¯è§ååºåå
¶ä»ä¸äº jQuery å jQuery UI çæ件ã
3. D3
ä¸æ¬¾èåä¸é«æçå¯è§ååºã
4. Awesome Chart JS
ç®æ´çJSåºï¼ç¨äºåºäºHTML5ç»å¸å
ç´ çå¾è¡¨ã
5. canvasXpress
CanvasXpressæ¯ä¸ä¸ªJavaScriptåºçåºç¡ä¸å®ç°çæ ç¾å¨HTML5ã
æå¼åè¿ä¸ªæ们çBMSç³»ç»çç©å¦å¹³å°ä¸ºæ ¸å¿çå¯è§åç»ä»¶åºã
å®æ¯æç¯ççé«åº¦å¤æçå¾è¡¨åå¾å½¢ã
6. RGraph
RGraphæ¯ä¸ä¸ªHTML5çJavaScriptå¾è¡¨åºï¼æ¯æè¶
è¿20ç§ä¸åç±»åçå¾è¡¨ã
RGraphå建使ç¨æ°çHTML5 canvasæ ç¾ï¼è¿äºJavaScriptå¾è¡¨å¨Webæµè§å¨ï¼è¿æå³çæ´å¿«çç½é¡µåWebæå¡å¨çè´è½½è¾å°ãï¼
使ç¨RGraphæ¯ä¸ç§ç®åçæ¹æ³å å¿«ä½ çç½ç«ã
7. dygraphs
dygraphsæ¯ä¸ä¸ªå¼æºJavaScriptåºï¼ç产产ç交äºå¼çï¼å¯ç¼©æ¾çæ¶é´åºåå¾ã
å®è¢«è®¾è®¡ä¸ºæ¾ç¤ºå¯éçæ°æ®éï¼ä½¿ç¨æ·è½å¤æ¢ç´¢å解éä»ä»¬ãè¿æ¯ä¸ä¸ªè½»é级ç解å³æ¹æ¡ï¼å¹¶å¨Internet Explorerä¸çä½åã
8. HighCharts
Highchartsæ¯ä¸ä¸ªçº¯JavaScriptç¼åçå¾è¡¨åºï¼æä¾ç´è§çï¼äº¤äºå¼çå¾è¡¨å°æ¨çç½ç«æWebåºç¨ç¨åºã
Highchartsç®åæ¯æ线ï¼æ ·æ¡ï¼é¢ç§¯ï¼areasplineï¼æ±ï¼æ£å¾ï¼é¥¼å¾ï¼æ£ç¹å¾ç±»åã
ä¸ä½èåçå¾è¡¨/å¾å½¢è§£å³æ¹æ¡ï¼å¦IBMï¼ç¾å½èªç©ºèªå¤©å±ï¼è¥¿é¨åï¼æ æ®çä¼å¤ç¥åæºæ
9. gRaphael
gRapha?lçç®æ æ¯å¸®å©æ¨å¨æ¨çç½ç«ä¸åé äºæ人çå¾è¡¨ãå®æ¯åºäºä¸ææå°å¾å½¢åºãéæ¿çæ¼ç¤ºï¼å¨è¡å¨ä¸çå°éæå交äºå¼å¾è¡¨ã
gRapha?lç®åæ¯æFirefox3.0+ï¼Safari 3.0以ä¸çæ¬ï¼æå§9.5+åInternet Explorer 6.0以ä¸ã
10. jqPlot
jqplotçç»å¾åå¶å¾æ件çjQueryçJavaScriptæ¡æ¶ã jqplotç产çç¾ä¸½ç线ï¼æ£æå饼å¾ç许å¤åè½ã
11. JS Charts
JS Chartsæ¯ä¸ç§åºäºJavaScriptçå¾è¡¨çæï¼éè¦å¾å°ææ ¹æ¬æ²¡æç¼ç ã
ç¨JSå¾è¡¨ç»å¶å¾è¡¨æ¯ä¸ä¸ªç®åè容æçäºï¼å ä¸ºä½ åªéè¦ä½¿ç¨å®¢æ·ç«¯èæ¬ï¼å³éè¿æ¨çWebæµè§å¨ï¼ã
æ éé¢å¤çæ件ææå¡å¨æ¨¡åæ¯å¿
éçãå
æ¬æ们çèæ¬ï¼åå¤å¾è¡¨æ°æ®ï¼XMLï¼JSONæJavaScriptæ°ç»åæ¨çå¾è¡¨å·²åå¤å°±ç»ªï¼
12. JSXGraph
JSXGraphæ¯ä¸ä¸ªè·¨æµè§å¨åºè¿è¡äºå¨å ä½ï¼å½æ°ç»å¾ï¼å¶å¾ï¼å¹¶å¨Webæµè§å¨ä¸çæ°æ®å¯è§åã
å®å
¨å®ç°å¨JavaScriptä¸ï¼ä¸ä¾èµäºä»»ä½å
¶ä»çåºï¼å¹¶ä½¿ç¨SVGï¼VMLï¼æå¸å¸ã
JSXGraph容æåµå
¥ï¼å
·æå å°é¢ç§¯å°ï¼å°äº100 Kåèï¼å¦æåµå
¥å¨ç½é¡µä¸ãæ æ件ï¼å·²éåç¹å«æ¤çï¼ä»¥ä¼åæ§è½ã
13. Humble Finance
HumbleFinanceæ¯ä¸ä¸ªHTML5åä½ä¸ºç¤ºèå¨HTML5çäºå¨å¾å½¢æ°æ®å¯è§åå·¥å
·ãå®æ¯ç±»ä¼¼çFlashä¸
http://finance.google.com/å·¥å
·ã
å·¥å
·æ¬èº«æ¯å®å
¨ç¨JavaScriptç¼åï¼ä½¿ç¨PrototypeåFlotråºãå®å¯ç¨äºæ¾ç¤ºä»»ä½ä¸¤ä¸ª2-Dçæ°æ®éççå®çæ°å¼æ°æ®å
±äº«ç轴线ã