cómo hacer google pie chart api background transperent

este es el código de google para 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> 

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

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

Esto está relacionado con el gráfico circular simple de Google

El background transparente se puede configurar con:

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

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

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

Editar: para configurar los elementos de mano derecha para mostrar en la parte inferior use:

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

La list de posibles opciones está aquí .

backgroundColor: '#676767' la respuesta backgroundColor: '#676767' con backgroundColor: {fill: 'transparent'} y hará lo necesario.

Esto no funcionará en IE ya que IE no es compatible con Transparencia, aún podemos agregar el 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 así no puedo establecer la position en la parte inferior …

En IE, usando jQuery, puede hacer lo siguiente para establecer el background del gráfico en transparente:

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

donde #vis es la identificación del div donde está la tabla.