title: Google Charts - Display Area Behind
body: <p>I have a chart which displays a column series and two area series (stacked).
  I want the areas to display behind the columns. Is this possible?</p>
  
  <pre><code>  var data = google.visualization.arrayToDataTable([
      ['Day', 'Actual', 'Base','Uplift'],
      ['2013-05-01',140,100,25],
      ['2013-05-07',75,80,22],
      ['2013-05-14',130,105,10],
      ['2013-05-21',110,75,18],
      ['2013-05-28',205,140,25]
    ]);
  
  
    // Create and draw the visualization.
    var ac = new google.visualization.ComboChart(document.getElementById('chart'));
   ac.draw(data, {
      width: 600,
     fontSize:10,
      height: 400,
      colors:['rgb(146,208,80)','rgb(0,112,192)','rgb(184,204,228)'],
      vAxis: { minValue: 0},
      hAxis: {slantedTextAngle: 45},
      seriesType: "bars",
      isStacked:true,
     series: {0:{type:"bars"},1: {type: "area", areaOpacity:.7}, 2: {type: "area", areaOpactiy:1}}
    });
  }
  </code></pre>
  
  <p>See fiddle here - <a href="http://jsfiddle.net/MeS2N/" rel="nofollow">http://jsfiddle.net/MeS2N/</a></p>