Javascript 更改谷歌条形图的颜色并将数据转换为百分比

在使用谷歌条形图时，如何更改单个条形图的颜色，以及如何将数据值转换为百分比。 您可以在

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 500px; height: 200px;"></div>

 google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales'],
          ['2004',  1000],
          ['2005',  1170],
          ['2006',  660],
          ['2007',  1030, ]
        ]);

        var options = {
          title: 'Company Performance',

        };

        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

        chart.draw(data, options);
      }

setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘年’、‘销售额’]，
['2004',  1000],
['2005',  1170],
['2006',  660],
['2007',  1030, ]
]);
变量选项={
标题：“公司业绩”，
};
var chart=new google.visualization.BarChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

要获得更改阵列第一行所需的颜色：

更改['年'，'销售额']， 收件人：['Year'，'Sales'，{role:'style'}]

然后每个值将颜色添加到末尾，如： ['2004'，1000'，蓝色']， ['2005'，1170'，#CCCC']

我认为你必须自己规划百分比。我想做同样的事情，但找不到任何例子