ग्राफ़िंग जावास्क्रिप्ट लाइब्रेरी

मैं मजेदार के लिए Google App Engine पर एक वेब एप्लिकेशन बना रहा हूं और मैं ग्राफ शामिल करना चाहता हूं ताकि उपयोगकर्ता कुछ आंकड़े देख सकें। क्या कोई मुफ्त है (या तो बीयर या भाषण में) जावास्क्रिप्ट पुस्तकालय जो एक टेबल ले सकते हैं या कुछ AJAX कॉल कर सकते हैं और ग्राफ प्रदर्शित कर सकते हैं?

0
ro fr bn

10 उत्तर

यूयूआई उपयोगकर्ताओं के लिए:

http://developer.yahoo.com/yui/charts/

0
जोड़ा

Flot can create some really nice looking charts. It's a JavaScript library rather than a service like Google Charts. It does require jQuery though.

0
जोड़ा
GFlot ( code.google.com/p/gflot ) एक बहुत अच्छा रैपर है यदि आप जीडब्ल्यूटी का उपयोग कर रहे हैं
जोड़ा लेखक Steve Armstrong, स्रोत
बस एक समकालीन नोट जोड़ने के लिए - मैंने अभी विभिन्न जावास्क्रिप्ट ग्राफिंग पुस्तकालयों के समूह का विश्लेषण किया है और फ्लोट अभी भी सबसे ज्यादा पसंद आया है, भले ही अन्य लोग अधिक सक्रिय विकास के अधीन हों।
जोड़ा लेखक adavea, स्रोत
फ़्लोट वह है जो स्टैक ओवरफ्लो आपके प्रोफाइल पेज पर प्रतिष्ठा ग्राफ के लिए उपयोग करता है।
जोड़ा लेखक Mike, स्रोत

Check out Google Charts

0
जोड़ा

यदि आप jQuery का उपयोग करते हैं:

http://code.google.com/p/flot/

0
जोड़ा

Highcharts looks really impressive. It's based on jQuery or Mootools.

0
जोड़ा

Google विज़ुअलाइज़ेशन API है,

यह आपको जावास्क्रिप्ट में बहुत कुछ भी आसान चार्ट / टेबल (उनमें से कुछ इंटरैक्टिव भी) बनाता है

google.load("visualization", "1", {packages:["areachart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Year');
    data.addColumn('number', 'Sales');
    data.addColumn('number', 'Expenses');
    data.addRows(2);
    data.setValue(0, 0, '2004');
    data.setValue(0, 1, 1000);
    data.setValue(0, 2, 400);
    data.setValue(1, 0, '2005');
    data.setValue(1, 1, 1170);
    data.setValue(1, 2, 460);
    var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240, legend: 'bottom', title: 'Company Performance'});
  }

वर्तमान में उपलब्ध विज़ुअलाइज़ेशन की Google गैलरी से कुछ उदाहरण यहां दिए गए हैं।

http://code.google.com/apis/visualization/documentation/gallery/images/icon-areachart.png http://code.google.com/apis/visualization/documentation/gallery/images/icon-areachart.pnghttp://code.google.com/apis/visualization/documentation/gallery/images/icon-barchart.pngalt text http://code.google.com/apis/visualization/documentation/gallery/images/icon-gauge.pngalt text http://code.google.com/apis/visualization/documentation/gallery/images/icon-piechart.png

0
जोड़ा
आपकी छवियों में से 4 में एक टूटी हुई लिंक है।
जोड़ा लेखक SPottuit, स्रोत

jQuery विजुअलाइज टेबल ले सकते हैं और उन्हें ग्राफ में बदल सकते हैं।

Usage example: http://www.filamentgroup.com/examples/charting_v2/

0
जोड़ा

मैंने देखा कि कुछ लोगों ने फ्लोट का उल्लेख किया लेकिन किसी ने भी Flotr का उल्लेख नहीं किया! Google Code http://code.google.com/p/flotr/ पर भी।

एक JSON उदाहरण देखें, इसे करने के लिए कोड के साथ पूरा करें, यहां पर ।

इसके लिए प्रोटोटाइप.जेएस जावास्क्रिप्ट लाइब्रेरी की आवश्यकता है और सभी आधुनिक ब्राउज़रों में काम करता है!

टिप्पणियों के साथ मेरी व्यक्तिगत शॉर्टलिस्ट यहां दी गई है:

  • Flot: +beautiful presets +very easy to use (the hardest was converting ISO datetimes to Javascript dates, which isn't hard at all) +uses jQuery - doesn't do pie charts, -looks a little bit abandoned but I could be wrong about that
  • Flotr: ++even prettier charts than Flot +-uses Prototype (which I've never worked with), -no pie charts either
  • YUI: +pie charts! + support and strong team & community -uses Flash, ugh -doesn't handle time axes as nicely as Flot
  • Google charts API (not a JS library): +support & community +pretty, too -really tedious construction of the REST URLs for any more complex graph -no automatic date/time axis support

संक्षेप में, छोटे छोटे सरल ग्राफ के लिए मैं Google चार्ट एपीआई का उपयोग करता हूं, लेकिन मेरे वर्तमान प्रोजेक्ट (एक आंतरिक रिपोर्टिंग टूल) के लिए यह फ़्लोट होगा, हालांकि अगर यह क्लाइंट-फेस कोड था तो शायद मैं या तो देखूं आगे या फ्लोटर / प्रोटोटाइप को आज़माएं।

0
जोड़ा
'jQuery का उपयोग' क्यों करता है '+' और 'प्रोटोटाइप का उपयोग करता है' को '+ -' मिलता है?
जोड़ा लेखक Thorpe Obazee, स्रोत
फ्लोट निश्चित रूप से त्याग नहीं किया जाता है। यह अभी भी सक्रिय विकास में है।
जोड़ा लेखक Dan Wolchonok, स्रोत
पाई चार्ट की कमी एक + होना चाहिए :)
जोड़ा लेखक Erik Iverson, स्रोत