title: Changing color of 3D columns in Google Chart
body: <p>I am using Google Chart to graph some data, and I want to customize colors. I also would like to use 3D bars (which means I cannot use core library BTW).</p>
  
  <p>This is a screencap of the results I am getting:</p>
  
  <p><img src="https://i.stack.imgur.com/hfiqI.png" alt="enter image description here"></p>
  
  <p>Left is the original 3D chart, right is the customized one. As you can see, no shading is applied to the color I define for the 3D effect, instead a flat color is used for the whole column.</p>
  
  <p>Is there any way to fix this?</p>
  
  <p>PS. this is the code I use to geneate the charts:</p>
  
  <pre><code>function drawChartCoste(){
          // Create the data table.
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Valor');
            data.addColumn('number', 'Grupo1');
            data.addColumn('number', 'Grupo2');
            data.addRow(['Consumo', 2.5, -17.860);
  
  
            // Set chart options
            var options = {'title':'Comparativa de coste',
                           'width':400,
                           'height':300,
                           'is3D':true,
                           'colors':['#C26900','#165C04']};
  
            // Instantiate and draw our chart, passing in some options.
            var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
  </code></pre>