Erstellen eines gestapelten Google Charts?

Question

Ich versuche ein gestapeltes Google-Diagramm zu erstellen. Es ist einfach, aber mit dem aktuellen Datensatz habe ich mich etwas verwirrt. Ich brauche ein gestapeltes Diagramm, aber mit einigen der Balken brauche ich nicht alle Spalten. Einige, ich brauche nur 2, 3 oder manchmal nur 1 Spalte von Daten. Angenommen, ich habe:

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

ich dies benötigen:

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', 578], 
    ['2004', 197, 536] 
]); 

Mit diesem aktuellen Format, funktioniert es nicht. Nicht nur das, die dritte Reihe (578) sollte sich auf Folgers Beans beziehen und nicht auf Nescafe Instant. Wie kann ich diese Probleme beheben, so dass das Diagramm angezeigt wird und es auch mit den richtigen Informationen angezeigt wird?

Answer 1

Ich habe die Antwort herausgefunden. Um dieses Problem zu lösen, müssen Sie undefined zu den leeren Feldern hinzufügen. Zum Beispiel:

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', undefined, undefined, undefined, 578], 
    ['2004', undefined, undefined, 197, 536] 
]);