/kharm/public/js/google_chart.js

http://kharm-xml.googlecode.com/ · JavaScript · 46 lines · 39 code · 6 blank · 1 comment · 2 complexity · af7da8e734419f51981a1177ca10f1e8 MD5 · raw file

  1. /* JAVASCRIPT GOOGLE CHART */
  2. var chart_themes;
  3. var chart_centers;
  4. google.load('visualization', '1', {packages:['imagepiechart']});
  5. google.load('visualization', '1', {packages:['imagelinechart']});
  6. function initialize_charts() {
  7. chart_themes = new google.visualization.ImagePieChart(document.getElementById('chart_themes'));
  8. chart_centers = new google.visualization.ImageLineChart(document.getElementById('chart_centers'));
  9. }
  10. function draw_chart_themes(rows, meeting_name) {
  11. var color = ["2c6dd2","d22cc0","2abc1b","f31818","d2762c"];
  12. var data = new google.visualization.DataTable();
  13. data.addColumn('string', 'Thčme');
  14. data.addColumn('number', 'Pourcentage');
  15. data.addRows(rows.length);
  16. for (var i=0; i<rows.length; i++) {
  17. data.setValue(i, 0, rows[i]["name"]);
  18. data.setValue(i, 1, parseInt(rows[i]["percent"]));
  19. }
  20. chart_themes.draw(data, {colors:color, is3D: true,width: 300, height:180, backgroundColor:'#b7c2c7',
  21. title: "Proportion des thčmes abordés \n dans le congrés:\n" + meeting_name});
  22. }
  23. function draw_chart_centers(rows) {
  24. var color = ["ff0000"];
  25. var data = new google.visualization.DataTable();
  26. data.addColumn('string', 'Année');
  27. data.addColumn('number', 'Ouvertures');
  28. data.addRows(rows.length*2);
  29. var i=0;
  30. while (i<rows.length) {
  31. data.setValue(i*2, 0, rows[i]["anneeDebut"]);
  32. data.setValue(i*2, 1, parseInt(rows[i]["nombre"]));
  33. data.setValue(i*2+1, 0, rows[i]["anneeFin"]);
  34. data.setValue(i*2+1, 1, parseInt(rows[i]["nombre"]));
  35. i++;
  36. }
  37. chart_centers.draw(data,
  38. {colors:color,width: 300, height: 180, min: 0, max: 8, legend:"top",
  39. backgroundColor:"#f6cf7c", title:"Nombre d'ouvertures de centre"});
  40. }