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

Question

这是饼图char的谷歌代码:

<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文档中不太清楚,因此很难理解.

这与谷歌的简单饼图有关

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

可能的选项列表在这里.