diagramme à colonnes empilées pour les deux ensembles de données - Google Charts

Je viens de tomber sur cette même question aujourd'hui et de suivi de votre envoi le lien. Il semble que tout récemment, quelqu'un a répondu ceci:

"Ce qui est réellement possible avec le nouveau Matériel graphique à barres (bien que dans
un peu rond-point de la voie). Dans le nouveau tableau, si vous faites un graphique
empilés, mais certaines séries sur un autre axe, qui crée un
séparé de la pile pour ceux de la série. Malheureusement, il n'existe actuellement pas de
de cacher complètement un axe encore, et vous devrez explicitement
définissez la fenêtre d'affichage. Finalement, nous allons introduire des options pour masquer les axes
et pour aligner la vue de windows, mais ce sera à faire pour le moment."

Ce violon semblait m'aider à résoudre ce problème: http://jsfiddle.net/p7o0pjgg/

Voici le code:

google.load('visualization', '1.1', {
'packages': ['bar']
});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Nescafe Instant');
data.addColumn('number', 'Folgers Instant');
data.addColumn('number', 'Nescafe Beans');
data.addColumn('number', 'Folgers Beans');
data.addRows([
['2001', 321, 621, 816, 319],
['2002', 163, 231, 539, 594],
['2003', 125, 819, 123, 578],
['2004', 197, 536, 613, 298]
]);
//Set chart options
var options = {
isStacked: true,
width: 800,
height: 600,
chart: {
title: 'Year-by-year coffee consumption',
subtitle: 'This data is not real'
},
vAxis: {
viewWindow: {
min: 0,
max: 1000
}
},
series: {
2: {
targetAxisIndex: 1
},
3: {
targetAxisIndex: 1
}
}
};
//Instantiate and draw our chart, passing in some options.
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));
};

OriginalL'auteur Dan Hogan