2011-07-20 6 views
15

मैं एक अच्छा रेखांकन पुस्तकालय के लिए देख रहा हूँ ग्राफ़:जावास्क्रिप्ट जावास्क्रिप्ट कि रेखांकन के निम्नलिखित प्रकार संभाल कर सकते हैं के लिए पुस्तकालय

  • लाइन रेखांकन
  • Histograms
  • Scatterplots
  • गति चार्ट

मैंने Google के चार्ट टूल्स का प्रयास किया है लेकिन उनके पास एक अच्छा हिस्टोग्राम चार्ट नहीं है (न ही मैं उनके गति चार्ट को काम करने के लिए प्राप्त कर सकता हूं ठीक है, यहां तक ​​कि मेरे अपाचे वेब सर्वर से भी काम किया)।

मुझे आशा है कि वहां एक सभ्य लाइब्रेरी है जो इन सभी का समर्थन कर सकती है, हालांकि यदि मुझे जरूरी है, तो मुझे 2 अलग-अलग पुस्तकालय शामिल हो सकते हैं (Google चार्ट टूल्स, gRafael, flotr, और rgraph को अभी देख रहे हैं - कोई नहीं जिनमें से मेरी सभी आवश्यकताओं को शामिल करना प्रतीत होता है)।

+1

हे, आपने उन सभी को सूचीबद्ध किया जिन्हें मैंने सुझाया होगा। आप अपनी आवश्यकताओं की सूची के प्रत्येक भाग को कवर करने के साथ-साथ एक से अधिक का उपयोग करने पर भी विचार कर सकते हैं। – jimbojw

+0

मैं एक से अधिक लाइब्रेरी का उपयोग करने से दूर रहने की कोशिश कर रहा हूं - यह मेरी साइट में लोड करने के लिए क्लीनर और आसान होगा। – lightningmanic

+1

[हाईचार्ट्स] (http://highcharts.com/) –

उत्तर

18

मुझे आश्चर्य है कि किसी ने अभी तक JQPlot का उल्लेख नहीं किया है। मुझे पूरी तरह से यकीन नहीं है कि यह सब कुछ आपको चाहिए, लेकिन यह एक बहुत ही सक्षम पुस्तकालय है। यह सिर्फ ध्यान देने के लिए jQuery में है।

Demos of JQPlot here

jqPlot अपने सभी जरूरतों को फिट कर सकते हैं, ऐसा लगता है:

  • Line Graphs jqPlot, जैसा कि आप
  • Histograms Histograms सिर्फ चार्ट बार उम्मीद थी, ताकि चाहिए इन ठीक का समर्थन करता है ठीक हो। एक रंग हिस्टोग्राम सिर्फ
  • Scatterplots स्कैटर भूखंडों भी ठीक हैं 1px विस्तृत सलाखों को मिलाकर होगा
  • Motion Charts मुझे लगता है कि आप बुलबुला भूखंडों, जो jqPlot भी
+0

यह निश्चित रूप से आशाजनक लग रहा है! मैंने पहले इस पुस्तकालय का उपयोग नहीं किया है (लेकिन jQuery का प्रशंसक हूं!) यहां कुछ परीक्षण करने के बाद, मैं देखूंगा कि यह मेरी आवश्यकताओं को पूरा करेगा या नहीं। – lightningmanic

+0

मैंने देखा है और ऐसा लगता है कि जेक्यूप्लॉट जो कुछ भी आप चाहते हैं वह करता है। – Bojangles

+0

अभी भी उनमें से कुछ के साथ कुछ tweaking है - लेकिन ऐसा लगता है कि यह पुस्तकालय इन प्रकार के ग्राफ की आपूर्ति करने में पूरी तरह से सक्षम है! बहुत बहुत धन्यवाद! – lightningmanic

3

graphael कई ग्राफ प्रकारों का समर्थन करता है।

https://stackoverflow.com/questions/1571016/raphael-js-tutorial में कुछ उपयोगी टिप्स हैं।

+0

मैं संभवतः डॉट चार्ट प्रकार के लिए उस लाइब्रेरी का उपयोग करता हूं, जो मोशन चार्ट के रूप में कार्य करता है (उपयोगकर्ता को डॉट के आकार के आधार पर डेटा के "तीसरे" आयाम का कुछ विचार देता है)। हालांकि, उनके द्वारा प्रदान किए जाने वाले "बार ग्राफ" में धुरी का कोई समर्थन नहीं है, जो मूर्खतापूर्ण लगता है। एक और नोट पर - मैंने सलाखों के बीच की जगह को कम करके एक हिस्टोग्राम के रूप में एक बार ग्राफ का उपयोग करने पर विचार किया है, लेकिन बहुत से पुस्तकालय इस विस्तृत समर्थन की पेशकश नहीं करते हैं। – lightningmanic

+0

http://hamiltonulmer.com/raphaelviz.html डेमो बॉक्स प्लॉट दोनों अक्षों पर लेबल के साथ। यह राफेल जेएस के शीर्ष पर भी बनाया गया है। –

2

मैं इस सवाल भर में भाग गया एक ही विषय पर शोध करते हुए करता है मतलब । चूंकि मैं वहां से किसी भी विकल्प से पूरी तरह से खुश नहीं था, इसलिए मैंने i3d3 बनाया, D3.js पर आधारित एक साधारण सरल लाइब्रेरी जो आपकी आवश्यकताओं को पूरा कर सकती है। अब तक यह हमारी परियोजना (उच्च ऊर्जा कण खगोल भौतिकी परियोजना के लिए निगरानी प्रणाली), और जंगली में कम से कम एक अन्य परियोजना के लिए अच्छी तरह से काम कर रहा है।

+0

मैंने अच्छी सफलता के साथ i3d3 का उपयोग किया है। हालांकि मैं इस विषय पर शायद ही कोई विशेषज्ञ हूं, मैं इस बात से प्रभावित था कि यह कितना आसान था। – MRocklin

संबंधित मुद्दे