Question

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

上进行预览

<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);
      }

Answer 1

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

更改['年'，'销售']，要：['年'，'销售'，{角色：'风格'}]，

然后每个值将颜色添加到结尾，如： ['2004'，1000，'blue']， ['2005'，1170，'＃cccccc']，

我认为你必须自己编制百分比。我希望做同样的事情，无法找到任何例子。

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

1 个答案: