मैं जावास्क्रिप्ट में पाई चार्ट बनाना चाहता हूं। खोज करने पर मुझे Google चार्ट एपीआई मिला। चूंकि हम jQuery का उपयोग कर रहे हैं, मैंने पाया कि Google चार्ट के लिए jQuery एकीकरण उपलब्ध है।
लेकिन मेरी समस्या यह है कि चार्ट बनाने के लिए वास्तविक डेटा Google सर्वर को भेजा जाता है। क्या Google को डेटा भेजने से रोकने का कोई तरीका है? मुझे अपना डेटा किसी तीसरे पक्ष को भेजने की चिंता है।
जवाबों:
jqPlot बहुत अच्छा लग रहा है और यह खुला स्रोत है।
यहां सबसे प्रभावशाली और अप-टू-डेट jqPlot उदाहरणों का लिंक दिया गया है ।
एक इंटरैक्शन के नजरिए से, फ़्लॉट बाय फ़्लॉप ग्राफिंग से आपको जितना संभव हो उतना दूर ले जाएगा jQuery। जब तक ग्राफ आउटपुट बहुत चालाक होता है, और बहुत अच्छे लगते हैं, आप डेटा बिंदुओं के साथ भी बातचीत कर सकते हैं। मेरे कहने का मतलब यह है कि आप डेटा बिंदु पर मंडराने की क्षमता और ग्राफ़ में उस बिंदु के मूल्य पर दृश्य प्रतिक्रिया प्राप्त कर सकते हैं।
प्लॉट का ट्रंक संस्करण पाई चार्ट का समर्थन करता है।
प्लॉट जूम की क्षमता।
इसके शीर्ष पर, आपके पास किसी विशेष "ज़ोन" के लिए डेटा वापस पाने के लिए ग्राफ़ का एक हिस्सा चुनने की क्षमता है। इस "ज़ोनिंग" के लिए एक माध्यमिक विशेषता के रूप में, आप एक ग्राफ पर एक क्षेत्र का चयन कर सकते हैं और डेटा बिंदुओं को थोड़ा और करीब से देखने के लिए ज़ूम कर सकते हैं। बहुत मस्त ।
Sparklines मेरा पसंदीदा मिनी रेखांकन उपकरण है। डैशबोर्ड शैली के ग्राफ़ के लिए वास्तव में बहुत अच्छा है (अगली बार लॉगिन करते समय Google Analytics डैशबोर्ड पर विचार करें)। क्योंकि वे इतने छोटे हैं, उन्हें लाइन में शामिल किया जा सकता है (जैसा कि ऊपर के उदाहरण में है)। एक और अच्छा विचार जो सभी रेखांकन प्लगइन्स में इस्तेमाल किया जा सकता है वह है सेल्फ-रिफ्रेश क्षमता। उनका माउस-स्पीड डेमो आपको लाइव चार्टिंग की शक्ति दिखाता है।
jQuery चार्ट 0.21 सबसे अच्छा दिखने वाला चार्टिंग प्लगइन नहीं है, यह कहा जाना है। यह कार्यक्षमता में बहुत बुनियादी है जब यह चार्ट के लिए आता है तो इसे संभाल सकता है, हालांकि यह लचीला हो सकता है यदि आप इसे कुछ समय और प्रयास में रख सकते हैं।
एक चार्ट में मान जोड़ना अपेक्षाकृत सरल है:
.chartAdd({
"label" : "Leads",
"type" : "Line",
"color" : "#008800",
"values" : ["100","124","222","44","123","23","99"]
});jQchart एक विचित्र है, उन्होंने एनिमेशन ट्रांज़िशन में बनाया है और चार्ट में ड्रैग / ड्रॉप फंक्शनलिटी है, हालाँकि यह थोड़ा क्लिंक है - और प्रतीत होता है कि यह बेकार है। यदि आप CSSसेटअप को सही पाते हैं तो यह अच्छे दिखने वाले चार्ट को उत्पन्न करता है , लेकिन वहाँ बेहतर हैं।
Tuftegraph खुद को "बहुत बार ग्राफ के रूप में बेचता है जिसे आप अपनी माँ को दिखाते हैं"। यह करीब आता है, फ़्लोट प्रीटियर है, लेकिन टफ़्टे खुद को बहुत हल्का होने के लिए उधार देता है। हालांकि इसके साथ प्रतिबंध भी हैं - चुनने के लिए कुछ विकल्प हैं, इसलिए आपको वह दिया जाता है जो आपको दिया जाता है। एक त्वरित जीत बार चार्ट के लिए इसे देखें।
यहाँ महान सुझावों के टन, बस अच्छे उपाय के लिए स्टैक पर ZingChart फेंकने के लिए जा रहा है । हमने हाल ही में लाइब्रेरी के लिए एक jQuery आवरण जारी किया है जो चार्ट बनाने और अनुकूलित करने के लिए और भी आसान बनाता है। सीडीएन लिंक नीचे डेमो में हैं।
मैं ZingChart टीम पर हूं और आपके किसी भी प्रश्न का उत्तर देने के लिए हम यहां हैं!
कुछ अन्य जिनका उल्लेख नहीं किया गया है:
मिनी pies, लाइनों और बार के लिए, Peity शानदार, सरल, छोटे, तेज है, वास्तव में सुरुचिपूर्ण मार्कअप का उपयोग करता है।
मुझे यकीन नहीं है कि यह फ़्लोट (इसका नाम दिया गया) के साथ संबंध है, लेकिन फ़्लोट 2 बहुत अच्छा है, निश्चित रूप से प्लॉट की तुलना में बेहतर है।
ब्लफ़ अच्छा दिखने वाला लाइन ग्राफ़ बनाता है, लेकिन मुझे इसके पीज़ से थोड़ी परेशानी थी।
ऐसा नहीं है कि मैं क्या था, लेकिन एक अन्य वाणिज्यिक उत्पाद ( हाईचर्ट्स की तरह) TeeChart है ।
Chart.js काफी उपयोगी है, साथ ही कई अन्य प्रकार के चार्ट का भी समर्थन करता है।
इसे jQuery और बिना दोनों के साथ उपयोग किया जा सकता है।
क्षेत्र में एक नया खिलाड़ी है, जो उन्नत नेविगेशन चार्ट पेश करता है जो सुपर-चिकनी एनिमेशन और प्रदर्शन के लिए कैनवास का उपयोग कर रहे हैं:
चार्ट का उदाहरण:
प्रलेखन: https://zoomcharts.com/en/javascript-charts-library/charts-packages/pie/charts/
इस परिवाद के बारे में क्या अच्छा है:
गैर-व्यावसायिक उपयोग, वाणिज्यिक लाइसेंस और तकनीकी सहायता के लिए चार्ट मुफ्त हैं ।
इसके अलावा इंटरैक्टिव समय चार्ट और नेट चार्ट आपके उपयोग के लिए हैं।
चार्ट व्यापक एपीआई और सेटिंग्स के साथ आते हैं, जिससे आप चार्ट के हर पहलू को नियंत्रित कर सकते हैं।
गैर वाणिज्यिक उपयोग के लिए मुफ़्त।
JQuery , Node.js, WordPress, Drupal, Joomla, Microsoft TypeScript आदि के लिए प्लगइन्स शामिल हैं ...
कुछ डेमो के कुछ स्क्रीनशॉट:
