javascript - 如何使谷歌饼图api背景透明

Question

这是 pie char apt 的谷歌代码:

<script type="text/javascript">
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['Mushrooms', 3],
          ['Onions', 1],
          ['Olives', 1],
          ['Zucchini', 1],
          ['Pepperoni', 2]
        ]);

        var options = {backgroundColor: '#676767',
                       'width':400,
                       'height':300};

        var chart = new google.visualization.PieChart(document.getElementById('priority_customers_report'));
        chart.draw(data, options);
      }
    </script>

backgroundColor: '#676767' 为我们提供了颜色，我希望它是透明的，我该怎么做？

如何设置底部的文字？由于在 Google 文档中并不清楚，因此很难理解。

这与 Simple Pie Chart of Google 有关

Answer 1

透明背景可以设置为:

    var options = {backgroundColor: 'transparent',
                   'width':400,
                   'height':300};

你也可以在那里设置标题:

    var options = {backgroundColor: 'transparent',
                   'width':400,
                   'height':300,
                   'title' : 'My Chart'};

编辑:要将右侧项目设置为显示在底部，请使用:

    var options = {backgroundColor: 'transparent',
                   'width':400,
                   'height':300,
                   'title' : 'My Chart'
                   legend : { position : 'bottom' }
                   };

可能的选项列表是 here .