title: legend indicator color not change with bar color in google charts
body: <p>I am working with Google charts. I wanted to change the bar colors in chart. So using series style I have changed the bar color. But at same time I wanted to change Legend indicator color also as per bar color. But I am unable to change legend indicator color. Please help me.</p>
  
  <p>here is chart code:</p>
  
  <pre class="lang-js prettyprint-override"><code> google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart3);
        function drawChart3() {
            var data = google.visualization.arrayToDataTable([
              ['Priority', 'Resolution(%)',{ role: 'annotation' },'ESL(%)',{ role: 'annotation' },{ role: 'style' }],
              ['P1', &lt;%=P1_PERCENT %&gt;,&lt;%=P1_PERCENT%&gt;,95,95,'color: #fcb441' ],
              ['P2', &lt;%=P2_PERCENT%&gt;,&lt;%=P2_PERCENT%&gt;,95,95,'color: #fcb441' ],
              ['P3 &amp; P4', &lt;%=P3_P4_PERCENT%&gt;,&lt;%=P3_P4_PERCENT%&gt;,90,90,'color: #fcb441' ]
              ]);
  
          var options = {
            tooltip:{textStyle:{fontName:'"Arial"'}},
            title: 'Resolution(Priority Wise)',titleTextStyle:{fontName:'"Arial"'},
            hAxis: {title: 'Priority', titleTextStyle: {color: 'black',fontSize:'15',fontName:'"Arial"'}},
            vAxis: {minValue:0},
            legend:{position: 'bottom'},
            chartArea:{width:'88%'}
          };
  
          var chart = new google.visualization.ColumnChart(document.getElementById('g4'));
          chart.draw(data, options);
        }
  </code></pre>
  
  <p>I am getting chart like this</p>
  
  <p><img src="https://i.stack.imgur.com/nB6Tp.png" alt="Result chart"></p>