Comment approcher un histogramme quand on a un mois et une année.
Mes données sont dans ce format
['Group','Count','Month','Year'], ['A',10,'February',2015], ['B',8,'February',2015], ['C',15,'February',2016]
L’objective est de créer un graphique à colonnes dont l’ axe des abscisses est le mois et celui des ordonnées le nombre . Désormais, l’axe X doit avoir le nombre d’années groupées par mois. Quelque chose comme ça –
J’ai simplement essayé de transmettre les données ci-dessus pour voir ce que je pouvais obtenir, mais j’obtiens une erreur.
Est-il possible d’assigner à Axis les valeurs en fonction de l’année, regroupées par mois?
Exemple JsFiddle de Google Chart
juste besoin de trois colonnes, quelque chose comme ça …
['Month', '2015', '2016'], ['Jan', 10, 15], ['Feb', 12, 18], ['Mar', 14, 21], ['Apr', 16, 24]
vous pouvez ensuite utiliser un DataView
pour append les annotations, via des colonnes calculées …
var view = new google.visualization.DataView(data); view.setColumns([0, 1, { calc: 'ssortingngify', sourceColumn: 1, type: 'ssortingng', role: 'annotation' }, 2, { calc: 'ssortingngify', sourceColumn: 2, type: 'ssortingng', role: 'annotation' }]);
voir l’extrait de travail suivant …
google.charts.load('current', { callback: function () { var data = google.visualization.arrayToDataTable([ ['Month', '2015', '2016'], ['Jan', 10, 15], ['Feb', 12, 18], ['Mar', 14, 21], ['Apr', 16, 24] ]); var view = new google.visualization.DataView(data); view.setColumns([0, 1, { calc: 'ssortingngify', sourceColumn: 1, type: 'ssortingng', role: 'annotation' }, 2, { calc: 'ssortingngify', sourceColumn: 2, type: 'ssortingng', role: 'annotation' }]); var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(view, {}); }, packages: ['corechart'] });