cómo hacer que Google gráfico circular fondo api transperent

Question

este es el código de Google para el carbón pastel aptos: -

<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> 

Aquí el backgroundColor: '#676767' nos da el color ahora yo quiero que sea transparente, ¿cómo puedo hacer eso ?

¿Y cómo configurar el texto en la parte inferior? Como no está claro en la documentación de Google, realmente difícil de entender.

Esto está relacionado con el Simple Pie Chart of Google

Answer 1

el fondo transparente puede montarse con:

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

También puede establecer el título allí:

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

Editar: Para establecer los elementos de la derecha para mostrar en el uso final:

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

La lista de posibles opciones son here.

Answer 2

Tengo la respuesta backgroundColor: '#676767' con backgroundColor: {fill: 'transparent'} y que va a hacer lo necesario.

Esto no funcionará en IE como IE no soporta transparencia, aún podemos añadir color de nuestra elección escribiendo este código: -

Con un poco de ayuda de jQuery:

// check for IE 
if ($.browser.msie) { 
    options2['backgroundColor'] = {fill: <color>}; 
} 

else { 
    options2['backgroundColor'] = {fill: 'transparent'}; 
} 

Aún no estoy en condiciones de establecer la posición en la parte inferior ....

Answer 3

En IE, usando jQuery, puede hacer lo siguiente para configurar el fondo de la tabla a transparente:

$('#vis iframe').attr('allowTransparency', 'true'); 
$('#vis iframe').contents().find('body').css('background', 'transparent'); 

donde #vis es el id del div donde el gráfico se encuentra en.