title: Google Visualization stacked bar chart: colors and labels for each value
body: <p>I'm using Google Visulaization API to render a chart showing a single row with multiple values, like this:
  <img src="https://i.stack.imgur.com/IYEcH.png" alt="Chart example"></p>
  
  <p>with the following code:</p>
  
  <pre><code>var data = google.visualization.arrayToDataTable([
             ['', '0%', '25%', '50%', '75%', '100%', {role: 'annotation'}],
             ['Mood', 3, 7, 20, 25, 45, '']
      ]);
  
  var options = {
      isStacked: true,
      hAxis: { minValue: 0 }
  }
  
  var chart = new google.visualization.BarChart(document.getElementById('mood_chart'));
  chart.draw(data, options);
  </code></pre>
  
  <p>Now I would like to customize the colors and add a label to every piece of the row.</p>
  
  <p>If I do this:</p>
  
  <pre><code>var data = google.visualization.arrayToDataTable([
      ['', '0%', '25%', '50%', '75%', '100%', {role: 'annotation'}, {role: 'style'}],
      ['Mood', 3, 7, 20, 25, 45, 'ABC', '#f50']
  ]);
  </code></pre>
  
  <p>Then this only applies to the last value: (note the legend has also the wrong color)
  <img src="https://i.stack.imgur.com/g3ECD.png" alt="Second chart"></p>
  
  <p>And if I put an array of strings instead of a single label an error is given.</p>
  
  <p>Is it possible to do what I am trying to do? How?</p>