Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
club:infospratiques [2018/06/28 20:41] ascjudo |
club:infospratiques [2019/02/18 20:22] (Version actuelle) ascjudo |
||
---|---|---|---|
Ligne 21: | Ligne 21: | ||
* **Évolution des effectifs** : | * **Évolution des effectifs** : | ||
- | <charter> | + | <html> |
- | title = Evolution des effectifs au cours des saisons | + | <head> |
- | size = 700x300 | + | <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> |
- | align = center | + | <script type="text/javascript"> |
- | alpha = 90 | + | google.charts.load('current', {'packages':['corechart']}); |
- | bgcolor = #eeeeee | + | google.charts.setOnLoadCallback(drawVisualization); |
- | type = barOverlayed | + | |
- | legendEntries = Hommes, Femmes | + | |
- | labelSerie = 1 | + | |
- | graphLabels = 2|2007|140,2|2008|151,2|2009|152,2|2010|168,2|2011|170,2|2012|158,2|2013|162,2|2014|184,2|2015|198,2|2016|220 | + | |
- | 2007,2008,2009,2010,2011,2012,2013,2014,2015,2016 | + | function drawVisualization() { |
- | 140,151,152,168,170,158,162,184,198,220 | + | // Some raw data (not necessarily accurate) |
- | 0,41,45,54,50,39,43,60,64,64 | + | var data = google.visualization.arrayToDataTable([ |
- | </charter> | + | ['Saison', 'Hommes', 'Femmes', 'Total'], |
+ | ['2007', 140, 0, 140], | ||
+ | ['2008', 110, 41, 151], | ||
+ | ['2009', 107, 45, 152], | ||
+ | ['2010', 114, 54, 168], | ||
+ | ['2011', 120, 50, 170], | ||
+ | ['2012', 118, 39, 158], | ||
+ | ['2013', 119, 43, 162], | ||
+ | ['2014', 124, 60, 194], | ||
+ | ['2015', 134, 54, 198], | ||
+ | ['2016', 146, 74, 220], | ||
+ | ['2017', 135, 83, 218], | ||
+ | ['2018', 137, 78, 215] | ||
+ | ]); | ||
+ | |||
+ | var options = { | ||
+ | title : 'Evolution des effectifs au cours des saisons', | ||
+ | vAxis: {title: 'Adherents'}, | ||
+ | hAxis: {title: 'Saison'}, | ||
+ | seriesType: 'bars', | ||
+ | series: {2: {type: 'line'}} | ||
+ | }; | ||
+ | |||
+ | var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); | ||
+ | chart.draw(data, options); | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="chart_div" style="width: 900px; height: 500px;"></div> | ||
+ | </body> | ||
+ | </html> | ||
===== Documents administratifs ===== | ===== Documents administratifs ===== |