Wie man google-pie-chart-api einen transparenten hintergrund

dies ist der google-code für 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>

Hier die backgroundColor: '#676767' gibt uns die Farbe, die jetzt ich möchte es transparent sein, wie kann ich das tun?

Und wie man den text unten? Da es nicht klar in Google Dokumentation, wirklich schwer zu verstehen.

Dies ist im Zusammenhang mit der Einfache Pie Chart für Google

InformationsquelleAutor Django Anonymous | 2012-04-02
  1. 27

    Den transparenten hintergrund können eingestellt werden mit:

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

    Können Sie auch den Titel gibt:

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

    Edit:
    Festlegen der rechten hand Gegenstände zu zeigen, an der Unterseite verwenden:

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

    Liste der möglichen Optionen sind hier.

    • Ich spreche über diese Werte Work Eat | Commute | Watch TV | Sleep. Diese sind auf der rechten Seite und ich habe Sie gesehen, dass wir kann Sie im Boden, aber wie? dies ist meine Abfrage.
    • Habe ich editiert, die Antwort zu beinhalten, wie das zu tun.
    • vielen Dank @MrCode
    InformationsquelleAutor MrCode
  2. 0

    Bekam ich die Antwort:backgroundColor: '#676767' mit backgroundColor: {fill: 'transparent'} und es wird das nötige.

    Funktioniert dies nicht im IE, da IE keine Transparenz unterstützen, noch können wir die Farbe unserer Wahl, durch das schreiben dieses Codes:-

    Mit ein wenig Hilfe von jQuery: 

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

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

    Noch bin ich nicht in der Lage zum einstellen der position in der unteren....

    InformationsquelleAutor Django Anonymous
  3. 0

    Im IE mit jQuery, können Sie Folgendes tun, um das Diagramm-hintergrund auf transparent:

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

    wo #vis ist die id des div, wo das Diagramm an.

    InformationsquelleAutor Arnoud Philip
Schreibe einen Kommentar