जवाबों:
शुद्ध जावास्क्रिप्ट चार्टिंग के लिए ओपन सोर्स और वाणिज्यिक समाधानों की संख्या बढ़ रही है जिन्हें फ्लैश की आवश्यकता नहीं है। इस प्रतिक्रिया में मैं केवल ओपन सोर्स विकल्प प्रस्तुत करूंगा।
ग्राफिक्स के लिए जावास्क्रिप्ट समाधान के 2 मुख्य वर्ग हैं जिनकी आवश्यकता नहीं है Flash:
दोनों दृष्टिकोणों के पक्ष और विपक्ष हैं, लेकिन एक चार्टिंग लाइब्रेरी के लिए मैं बाद में सिफारिश करूंगा क्योंकि यह DOM के साथ अच्छी तरह से एकीकृत है, DOM के साथ चार्ट तत्वों में हेरफेर करने की अनुमति देता है, और सबसे महत्वपूर्ण रूप से DOM ईवेंट्स सेट कर रहा है। इसके विपरीत कैनवस चार्टिंग लाइब्रेरी को घटनाओं को प्रबंधित करने के लिए DOM व्हील को फिर से बनाना होगा। इसलिए जब तक आप बिना किसी इवेंट हैंडलिंग के स्टेटिक ग्राफ बनाने का इरादा रखते हैं, एसवीजी / वीएमएल समाधान बेहतर होना चाहिए।
एसवीजी / वीएमएल समाधानों के लिए कई विकल्प हैं, जिनमें शामिल हैं:
राफेल एक बहुत सक्रिय, अच्छी तरह से बनाए रखा गया है, और IE 6 से 8, फ़ायरफ़ॉक्स, ओपेरा, सफारी, क्रोम, और कोनेकर सहित बहुत अच्छे क्रॉस-ब्राउज़र समर्थन के साथ परिपक्व, ओपन-सोर्स ग्राफिक लाइब्रेरी है। राफेल किसी भी जावास्क्रिप्ट ढांचे पर निर्भर नहीं करता है और इसलिए इसका उपयोग प्रोटोटाइप, jQuery, Dojo, Mootools, आदि के साथ किया जा सकता है ...
राफेल पर आधारित कई चार्टिंग लाइब्रेरी हैं, जिनमें शामिल हैं (लेकिन इन तक सीमित नहीं):
प्रकटीकरण: मैं गीथूब पर Ico कांटे में से एक का डेवलपर हूं ।
यदि आप jQuery का उपयोग कर रहे हैं, तो मुझे फ़्लोट बहुत अच्छा लग रहा है - उदाहरणों को देखने की कोशिश करें कि क्या वे आपकी ज़रूरतों के अनुरूप हैं, लेकिन मैंने उन्हें अपने वर्तमान प्रोजेक्ट के लिए जो सबसे ज़्यादा ज़रूरत है, वह करने के लिए पाया है।
इसके अतिरिक्त एक्सटीजेएस 4.0 ने चार्ट का एक शानदार सेट पेश किया है - बहुत शक्तिशाली है, और लाइव डेटा के साथ काम करने के लिए डिज़ाइन किया गया है।
की जाँच करें http://www.highcharts.com !
Highcharts एक चार्टिंग लाइब्रेरी है जिसे शुद्ध जावास्क्रिप्ट में लिखा गया है, जो आपकी वेब साइट या वेब एप्लिकेशन में इंटरेक्टिव चार्ट जोड़ने का एक आसान तरीका है। Highcharts वर्तमान में लाइन, स्पलाइन, एरिया, एरियास्पलाइन, कॉलम, बार, पाई और स्कैटर चार्ट प्रकारों का समर्थन करता है।
यह शायद वह नहीं है जो आप ढूंढ रहे हैं, लेकिन
Google का चार्ट एपीआई बहुत अच्छा है और उपयोग करने में आसान है।
एसवीजी पर आधारित एक और जावास्क्रिप्ट लाइब्रेरी है। इसे प्रोटॉविस कहा जाता है और यह स्टैनफोर्ड विज़ुअलाइज़ेशन ग्रुप से आता है
यह अच्छा इंटरैक्टिव ग्राफिक्स और विज़ुअलाइज़ेशन बनाने की भी अनुमति देता है।
http://vis.stanford.edu/protovis/ex/
हालांकि यह केवल आधुनिक वेब ब्राउज़र के लिए है
अद्यतन: प्रोटॉविस टीम ने एक अन्य पुस्तकालय में स्थानांतरित किया है जिसे d3.js (डेटा ड्रिव्ड डॉक्यूमेंट्स) कहा जाता है:
"प्रोटॉविस टीम अब एनीमेशन और इंटरेक्शन के लिए बेहतर समर्थन के साथ एक नया विज़ुअलाइज़ेशन लाइब्रेरी, डी 3।जेएस विकसित कर रही है। डी 3 प्रोटॉविस में कई अवधारणाओं पर बनाता है"
नया पुस्तकालय अब इसमें पाया जा सकता है:
http://mbostock.github.com/d3/
अद्यतन 2:
"रिक्शा" इंटरैक्टिव समय श्रृंखला ग्राफ बनाने के लिए एक जावास्क्रिप्ट टूलकिट है। D3.js पर आधारित है जो d3.js के साथ बहुत सारे काम को सरल बनाता है, हालांकि थोड़ा कम शक्तिशाली है।
मैं हाल ही में एक जावास्क्रिप्ट चार्टिंग लाइब्रेरी की तलाश में था और मैंने jqplot पर बसने से पहले एक पूरे झुंड का मूल्यांकन किया जो मेरी आवश्यकताओं को बहुत अच्छी तरह से फिट करता है। जैसा कि जीन विंसेंट के जवाब में बताया गया है कि आप वास्तव में कैनवास आधारित और एसवीजी आधारित समाधान के बीच चयन कर रहे हैं।
मेरे दिमाग में प्रमुख पेशेवरों और विपक्ष इस प्रकार थे। यदि आप अत्यधिक गतिशील / इंटरैक्टिव चार्ट का निर्माण करना चाहते हैं, तो राफेल (और ऑफशूट) जैसे एसवीजी आधारित समाधान महान हैं। या यदि आप चार्टिंग की आवश्यकताएं मानदंड के बाहर हैं (उदाहरण के लिए आप कुछ प्रकार के हाइब्रिड चार्ट बनाना चाहते हैं या आप एक नए दृश्य के साथ आए हैं जो किसी और ने अभी तक नहीं सोचा है)। नकारात्मक पक्ष सीखने की अवस्था है और कोड की मात्रा आपको लिखनी होगी। आप कुछ ही मिनटों में चार्ट को बाहर नहीं करेंगे, कुछ वास्तविक सीखने के समय को निवेश करने के लिए तैयार रहें और फिर अपेक्षाकृत सरल चार्ट बनाने के लिए एक अच्छी मात्रा में कोड लिखें।
यदि आपकी चार्टिंग आवश्यकताएं यथोचित मानक हैं, उदाहरण के लिए, आप सीमित अन्तरक्रियाशीलता के साथ कुछ लाइन या बार ग्राफ या शायद एक पाई चार्ट या दो चाहते हैं, तो यह कैनवास आधारित समाधानों को देखने लायक है। शायद ही कोई सीखने की अवस्था होगी, आप कुछ ही मिनटों के भीतर बुनियादी चार्ट प्राप्त करने में सक्षम होंगे, आपको बहुत सारे कोड लिखने की आवश्यकता नहीं होगी, बुनियादी जावास्क्रिप्ट / jquery की कुछ पंक्तियाँ आपको सभी की आवश्यकता होंगी। बेशक आप केवल विशिष्ट प्रकार के चार्ट का उत्पादन करने में सक्षम होंगे जो पुस्तकालय का समर्थन करता है, आमतौर पर लाइन, बार, पाई के विभिन्न स्वादों तक सीमित होता है। अन्तरक्रियाशीलता के विकल्प बेहद सीमित होंगे, यह कि वहाँ के कई पुस्तकालयों के लिए अस्तित्वहीन कहना है, हालांकि कुछ सीमित होवर प्रभाव बेहतर लोगों के साथ संभव हैं।
मैं JQplot के साथ गया था जो कि एक कैनवास आधारित समाधान है क्योंकि मुझे केवल कुछ मानक प्रकार के चार्ट की आवश्यकता थी। अपने शोध से और विभिन्न विकल्पों के साथ खेलने के बाद मैंने पाया कि यह काफी हद तक पूर्ण-विशेषताओं वाला है (यदि आप केवल मानक चार्ट के बाद हैं) और उपयोग करने में बेहद आसान हैं, तो मैं आपकी आवश्यकताओं के समान होने पर इसकी सिफारिश करूंगा।
संक्षेप में, सरल और अब चार्ट चाहते हैं, तो JQplot के साथ जाएं। जटिल / अलग और समय के लिए नहीं दबाया जाता है तो राफेल और दोस्तों के साथ जाएं।
jqPlot बढ़िया है। यदि आपकी आवश्यकताएं पूरी तरह से "सामान्य" हैं और आप बस कुछ चार्ट बनाना चाहते हैं, तो आप शायद js चार्टिंग विकल्पों की मात्रा से अभिभूत हैं। यह मानते हुए कि आप अनुसंधान के घंटे नहीं करना चाहते हैं, बस jqPlot के साथ जाएं क्योंकि यह शायद आपकी सबसे अच्छी शर्त है। इसमें ज्यादातर लोगों के लिए ज्यादातर उपयोग के मामले शामिल हैं। कुछ विकल्पों को एक निश्चित प्रकार के चार्ट पर विशेष किया जाता है या एक निश्चित उपयोग के मामले को ध्यान में रखते हुए बनाया जाता है।
कुछ प्रकार के उत्तर के रूप में, d3.js http://mbostock.github.com/d3/ आज़माएं
यह प्रोटोविस की निरंतरता है।
फ़्लोट का बड़ा अंतर समर्थित सुविधाओं की संख्या में है।
हालांकि प्लॉट सरल हो सकता है, d3.js निश्चित रूप से अधिक शक्तिशाली है।
प्लॉटकिट की कोशिश करें
मैं शुद्ध जावास्क्रिप्ट सदिश के साथ शुद्ध जावास्क्रिप्ट चार्टिंग के लिए gRaphaël की सलाह दूंगा जो कि ( Raphaël ) पर बनाया गया है ।
gRaphaël वर्तमान में फ़ायरफ़ॉक्स 3.0+, सफारी 3.0+, ओपेरा 9.5+ और इंटरनेट एक्सप्लोरर 6.0+ का समर्थन करता है।
एक मूल: http://www.filamentgroup.com/examples/charting_v2/index_2.php
अच्छी लग रही: http://www.highcharts.com/
एक और RGraph है: जावास्क्रिप्ट चार्ट और ग्राफ लाइब्रेरी:
कैनवस आधारित है इसलिए यह तेज़ है और लगभग 20 विभिन्न चार्ट प्रकार हैं। यह गैर-व्यावसायिक उपयोग के लिए भी मुफ़्त है!
डोजो चार्टिंग लाइब्रेरी में बहुत सारी गतिविधियां होती हैं, और जो मैं महान है वह एक आकाशवाणी अनुप्रयोग के अंदर भी समस्याओं के बिना उपयोग कर रहा है, बहुत अच्छा! उदाहरण के लिए देखें http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-land/
की जाँच करें गूगल विज़ुअलाइज़ेशन API , जो सरल का सामान्यीकरण की तरह है चार्ट API
http://code.google.com/apis/visualization/documentation/gallery.html
नक्शे, गेज और चार्ट सहित बहुत ही शांत इंटरैक्टिव विकल्प हैं।
हमने अभी अपने नए स्टार्टअप के लिए TechOctave Charts Suite का लाइसेंस खरीदा है । मैं उन्हें बहुत सलाह देता हूं। लाइसेंसिंग सरल है। चार्ट बहुत अच्छा लग रहा है! शुरुआत करना आसान था और जब हमें इसकी आवश्यकता होती है, तब इसके लिए एक शक्तिशाली एपीआई होता है। मैं हैरान था कि कोड कितना साफ और विस्तृत है। वास्तव में हमारी पसंद से खुश हैं।
MIT उपमा समयरेखा को आज़माएं, जिसे एक चार्ट में बनाया जा सकता है - http://simile.mit.edu/timeline/
या अंतिम एक, http://code.google.com/p/gchart/
एक जावास्क्रिप्ट पुस्तकालय नहीं है, लेकिन यह एक उपयुक्त विकल्प हो सकता है - Google चार्ट देखें जहां आप उनकी वेब सेवा के लिए डेटा को नष्ट करके चार्ट बना सकते हैं।
Protochart आप सभी की जरूरत है
सेन्चा ने राफेल का अधिग्रहण किया और अब उनके चार्ट संस्करण 4 के रूप में शुद्ध जावास्क्रिप्ट हैं। ऊपर उल्लेखित आश्चर्य और हाईचर्ट्स उनके दो पसंदीदा हैं।
अधिक असामान्य चार्ट के लिए: http://thejit.org/
मैं अर्काडिएचर्स की सिफारिश कर सकता हूं । जावास्क्रिप्ट और GWT के लिए एक नया पेशेवर चार्टिंग पुस्तकालय। प्लगइन्स के बिना सभी ब्राउज़रों में चलता है। उपयोग में आसान और तेज़: कोड की कुछ पंक्तियों के साथ शानदार दिखने वाले चार्ट बनाता है। गैर वाणिज्यिक उपयोग के लिए मुफ़्त।
फ्यूजन चार्ट में एक नई जावास्क्रिप्ट / jquery लाइब्रेरी है जो आशाजनक दिखती है।
मामले में आप की जरूरत है केवल बार चार्ट है। मैंने कुछ कोड प्रकाशित किए हैं जो मैं एक पुराने प्रोजेक्ट में उपयोग कर रहा हूं। किसी ने मुझसे कहा कि वीएमएल कार्यान्वयन IE के हाल के संस्करणों पर टूट गया है, लेकिन एसवीजी को बस ठीक काम करना चाहिए। हो सकता है कि परियोजना में वापस आ रहा हो और मेरे पास पहले से मौजूद कुछ सर्वरसाइड रेंडरर्स हो और शायद वेबलॉग रेंडरिंग लेयर। एक लिंक है: http://blog.conquex.com/?p=64
शायद नहीं कि ओपी क्या देख रहा है, लेकिन चूंकि यह सवाल जेएस चार्टिंग लाइब्रेरी विकल्पों की एक सूची बन गया है: jQuery स्पार्कलाइन्स वास्तव में अच्छा है।
की जाँच करें ZingChart एचटीएमएल 5 कैनवास, SVG, VML और फ्लैश चार्ट । बहुत शक्तिशाली और संगत पुस्तकालय। मैं ज़िंग टीम पर हूं - ट्विटर @zingchart पर हमारा उल्लेख करें या support@zingchart.com पर किसी भी प्रश्न को शूट करें।