谷歌图表栏从蓝到白

Google Chart Bar Blue to White

本文关键字:谷歌      更新时间:2023-09-26

我正在使用谷歌图表。我在谷歌上搜索,找到了一些API选项,可以设置栏的颜色从默认的蓝色变为白色。这是我添加到选项参数中的内容:

有人说,只有当你想要一种以上颜色的条时,这才会起作用

colors: '#FFF'

这也是我尝试过的。在某个地方看到了这个,所以想应用它。

color: '#FFF'

出于某种原因,它没有按要求工作。这是我的javascript代码。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['', 'Current Demand'],
          <?php echo $data; ?>
        ]);
        var options = {
                width: 350,
                height: 261,
                isStacked: true,
                legend: 'none',
                backgroundColor: { 
                        fill:'transparent' 
                    },
                hAxis: {
                        title: '', 
                        titleTextStyle: {color: 'white'
                    },
                colors: '#FFF'
            }
        };
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>

我是不是错过了什么?

颜色需要放入javascript数组中。

colors: ['#fff']