3

Colegas.

Estou usando o Google Chart em um projeto, só que ao instalar ele nesse projeto, ele sobrepõe a div onde se encontra. Como eu faria para colocar transparente o fundo do Chart?

inserir a descrição da imagem aqui

1 Resposta 1

4

Coloca backgroundColor: 'transparent' dentro das options do gráfico.

      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Tarefas', 'Avaliações'],
          ['Português', 11],
          ['Matematica', 2],
          ['Física', 2],
          ['Inglês', 2],
          ['Geografia',    7]
        ]);

        var options = {
          title: 'Avaliações por matérias',
          backgroundColor: 'transparent',
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="piechart" style="width: 900px; height: 500px;"></div>

1
  • 1
    Obrigado TaisBevalle. Funcionou!
    – user24136
    Commented 31/01/2017 às 18:30

Você deve fazer log-in para responder a esta pergunta.