Grafic Biblioteca JavaScript

Creez o aplicație web pe Google App Engine pentru distracție și aș dori să includ grafice pentru ca utilizatorii să poată vedea unele statistici. Există librării libere (fie ca în berii sau în limbajul JavaScript) care pot lua un tabel sau pot efectua apeluri AJAX și afișa un grafic?

0
fr hi bn

10 răspunsuri

0
adăugat

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
adăugat
GFlot ( code.google.com/p/gflot ) este un pachet destul de bun dacă Utilizați GWT
adăugat autor Steve Armstrong, sursa
Doar pentru a adăuga o notă contemporană aici - am făcut o analiză a unei grămezi de biblioteci de difuzare JavaScript diferite, iar Flot este cea care mi-a plăcut cel mai mult, chiar dacă altele par a fi în curs de dezvoltare mai activă.
adăugat autor adavea, sursa
Flot este ceea ce stackoverflow utilizează pentru graficul reputației pe pagina dvs. de profil.
adăugat autor Mike, sursa

Check out Google Charts

0
adăugat

Dacă folosiți jquery:

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

0
adăugat

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

0
adăugat

Aici este API-ul de vizualizare Google ,

Vă permite să creați hărți / mese ușor (unele dintre ele sunt chiar interactive) destul de mult în javascript

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'});
  }

iată câteva exemple din galeria Google a vizualizărilor disponibile în prezent.

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
adăugat
4 dintre imaginile dvs. au o legătură întreruptă.
adăugat autor SPottuit, sursa

Vizualizați jQuery pot lua tabele și le transformă în grafice.

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

0
adăugat
0
adăugat

Am observat că unii oameni au menționat Flot, dar nimeni nu a menționat Flotr ! De asemenea, în http://code.google.com/p/flotr/ .

Verificați un exemplu JSON, completat cu codul pentru a face acest lucru, chiar aici .

Aceasta necesită biblioteca Javascript Prototype.js și funcționează în toate browserele moderne!

0
adăugat

Aici este lista mea personală cu comentarii:

  • 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

Într-un cuvânt, pentru graficele mici puțin simple aș folosi API-ul Google pentru hărți, dar pentru proiectul meu curent (un instrument de raportare intern) va fi probabil Flot, deși dacă era vorba de codul orientat către client, continuați sau dați Flotr / Prototype o încercare.

0
adăugat
de ce "utilizează jQuery" obține un "+" și "folosește prototipul" obține un "+"?
adăugat autor Thorpe Obazee, sursa
Există un plugin pentru plăcile grafice pentru Flot. Consultați people.iola.dk/olau/flot/examples/pie.html Notă: datele încărcate în plăci grafice sunt aleatoare, iar primul set de date care este încărcat este întotdeauna / adesea un set de date cu un singur punct în el. Deci, dacă te duci la acea pagină doar pentru a vedea o diagramă de pieptene care este o culoare solidă și crezi că "ESTE ACEASTA BROKEN?" cum am făcut la început, reîncărcați pagina astfel încât să fie încărcat un nou set de date.
adăugat autor adavea, sursa
flota nu este cu siguranță abandonată. este încă în curs de dezvoltare activă.
adăugat autor Dan Wolchonok, sursa
Lipsa graficelor de plăcintă ar trebui să fie un + :)
adăugat autor Erik Iverson, sursa
JavaScript, România - Moldova
JavaScript, România - Moldova
328 participanți

Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @node_ro, @php_ro, @python_ro, @seo_ro, @RomaniaGroup, @ai_ro, @Grupuri_IT Offtop: @holywars_ro Joburi: @js_jobs_ro Sponsored with ❤️ by ciupacabra.com