title: ng-google-chart custom color for each column in column chart
body: <p>I'm using the ng-google-charts module to build google charts for my angular application, what I'm trying to do is draw a column chart.</p>
  
  <p>The code works the chart seems to be drawn correctly but I can't figure out how to add a colour in the rows I'm generating so that each column is coloured differently.</p>
  
  <p>Here is my code, looking at google charts documentation it seems that I should be able to assign a hex code for each column but none of the examples I've seen use angular and none of them build their rows as literal objects like I need to do.</p>
  
  <pre><code>var collsArray = [];
      var rowsArray = [];
  
      for (var i = 0; i &lt; vm.projects.length ; i++) {
          //this is where I build each data row and where I think I need to add the color
          rowsArray.push({
               "c": [
                  {
                      "v": vm.projects[i].name
                  },
                  {
                      "v": vm.projects[i].developers,
                      "f": vm.projects[i].developers + ' developers working on ' + vm.projects[i].name
                  }]
          });
  
      }
      collsArray = [{id: 'project', label: 'Project', type: 'string'},
             {id: 'developers', label: 'Developers working', type: 'number'}];
  
      vm.chartProjects = {
            "type": "ColumnChart",
            "displayed": false,
            "data": {
              "cols": collsArray,
              "rows": rowsArray
            },
            "options": {
              "isStacked": "true",
              "fill": 0,
              "width": '100%',
              "height": '100%',
              "displayExactValues": true,
              "chartArea": {
                  "left": "1%",
                  "top": "1%",
                  "height": "98%",
                  "width": "98%"
              }
            },
            "formatters": {},
            "view": {}
      };
  </code></pre>