title: Change color of a bar in google columnchart
body: <p>I am using columnchart to generate a chart . Below is the code:</p>
  
  <pre><code>function drawActiveJobsChart() {
      var i=0;
      var j=0;
  
      var data = new google.visualization.DataTable();
      data.addColumn('string','Systems');
      data.addColumn('number', 'Counts');
  
      $.getJSON('SubSystemNumbers.action', function(json) {
  
          $.each( json.SysActNum, function( key, val ) {
              i++;
          });
          data.addRows(i);
          $.each( json.SysActNum, function( key, val ) {
  
  
              if (val&gt;=30) {
  
              data.setProperty(j,1,'style','color:red');
  
              }
              data.setValue(j, 0,key);
              data.setValue(j, 1,val);
              j++;
  
            });
      });
  
  
      var options = {
        title: 'System Numbers',
        width:900, height:400,
        allowHtml: true,
        hAxis: {title: 'Systems', titleTextStyle: {color: 'red'},textStyle: {color: 'red'}}
      };
  
      var chart = new google.visualization.ColumnChart(document.getElementById(chartDiv));
      chart.draw(data, options);
    }
  </code></pre>
  
  <p>Now i have added logic to change the bar color to red when return val is greater than 30 . I tried running in debug and code is executing fine but bar is not showing in red . Please suggest ! Help is appreciated</p>