title: Google Charts - Change bar color
body: <p>I have a chart as the example bellow:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>      google.charts.load('current', {'packages':['corechart']});
             
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = google.visualization.arrayToDataTable([
              ['C', 0.03, 0.03, 0.06, 0.06, 0.02, 0.02, 0.035, 0.035],
              ['Mn', 1.1, 1.1, 1.4, 1.4, 1, 1, 1.3, 1.3],
              ['Si', 0.3, 0.3, 0.7, 0.7, 0.35, 0.35, 0.7, 0.7]
          ], true);
  
          var options = {
            legend: 'none',
            bar: { groupWidth: '100%' }, // Remove space between bars.
            //colors: ['#fcb441', 'red', 'black']
            series: {
              0:{color:'red'},
              1:{color:'black'},
            }
          };
  
          var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
          chart.draw(data, options);
        }    </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
         &lt;div id="chart_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I need to change the color of the second bar for each element depending on the values.</p>
  
  <p>For example: To "C" element, the it's necessary to set yellow as color, but to "Mn" element, it's necessary to set green as color of the bar ...</p>