Google Column Chart avec deux colonnes

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 – entrez la description de l'image ici

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