comment faire google camembert api fond transperent

c'est le code google pour tarte 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>

Ici la backgroundColor: '#676767' nous donne la couleur maintenant, je veux qu'il soit transparent, comment puis-je le faire?

Et comment mettre le texte en bas? Comme il n'est pas clair dans Google Documents, vraiment difficile à comprendre.

Ceci est lié à la Tarte Simple Graphique de Google

source d'informationauteur Django Anonymous

  1. 24

    Le fond transparent peut être réglé avec:

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

    Vous pouvez également définir le titre:

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

    Edit:
    Pour définir le droit à la main les éléments à afficher en bas à utiliser:

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

    La liste des options possibles sont ici.

  2. 0

    J'ai eu la réponsebackgroundColor: '#676767' avec backgroundColor: {fill: 'transparent'} et il va faire le nécessaire.

    Cela ne fonctionne pas sur IE que IE ne prend pas en charge la Transparence, la encore, nous pouvons ajouter de la couleur de notre choix par l'écriture de ce code:-

    Avec un peu d'aide de jQuery: 

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

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

    Encore, je ne suis pas en mesure de régler la position en bas....

  3. 0

    Dans IE, à l'aide de jQuery, vous pouvez effectuer les opérations suivantes pour définir le tableau de l'arrière-plan transparent:

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

    où #vis est l'id de la div où le graphique est à.