Link to home
Start Free TrialLog in
Avatar of Isaac
IsaacFlag for United States of America

asked on

Google Charts (Stacked Bar Chart)

Hi all,

I have been using google charts to create all type of charts but I have not been able to create a stacked combo bar.  I'm trying to create a chart that looks like...
User generated image
Here's what I've done so far....
User generated image
Here's the code for it...
function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Fiscal Year', 'Planned', 'Actual', 'Anticipated'],
    ['FY12',  42,      938, 60],
    ['FY13',  135,      1120, 955]   
  ]);

  // Create and draw the visualization.
  var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
  ac.draw(data, {
    title : 'SITES',
    width: 600,
    height: 400,
    vAxis: {title: "Number of Sites"},
    hAxis: {title: ""},
    seriesType: "bars",
    series: {5: {type: "line"},
    isStacked:true}
  });
}
¿

Open in new window


Paste it in below and click row
https://code.google.com/apis/ajax/playground/?type=visualization#combo_chart
Avatar of Isaac
Isaac
Flag of United States of America image

ASKER

Ok.  I found a hack
http://jsfiddle.net/a5x3e/

All I need to do now is add "FY12" and "FY13" at the bottom of the chart appropriately.

Any ideas?
ASKER CERTIFIED SOLUTION
Avatar of Ioannis Paraskevopoulos
Ioannis Paraskevopoulos
Flag of Greece image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Isaac

ASKER

Oh...that was clever and easy
Hi, i am glad it works for you... I tried combining them but couldn't have one not stacked and the other two stacked in the same group (sorry)

Giannis