title: Color Change - Google Column chart material
body: <p>I'm trying to use a google chart "columnchart_material" in my website.
  The chart displays properly but I can not manage to change the colors of the bars. 
  I would like the first bars to be in a specific color and the second bars in another one. </p>
  
  <p>Here is my code. 
  I hope you can help me finding what's wrong. Thanks for your help.</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    google.charts.load('current', {'packages':['bar']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ['', 'Ville', {role: 'style'}, 'Departement', {role: 'style'} ],
        ['Taxe d\'habitation',22, 'color: #A63950', 24, 'color: #39A68F', ],
        ['Taxe foncière sur le bati',24,  'color: #A63950', 21,  'color: #39A68F',],
        ['Taxe foncière non-bati', 36,  'color: #A63950', 18, 'color: #39A68F',]
      ]);
  
      var options = {
        chart: {
          title: 'Taxes communales',
        }
  
      };
  
  
  
  
      var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
  
      chart.draw(data, options);
    }
  &lt;/script&gt;
  &lt;div id="columnchart_material"&gt;&lt;/div&gt;
  </code></pre>