Fazendo um gráfico para a web com Google Charts

Fazendo um gráfico para a web com Google Charts | Alura Cursos Online


function desenharGraficodeLinhas() {
    var dados = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1BEtiBqFgOuFMe7K_9THV4vgaLCG8yRr-pQ-HrkvxckE/gviz/tq?range=A2:D16');
}


function desenharGraficodeLinhas() {
    var dados = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1BEtiBqFgOuFMe7K_9THV4vgaLCG8yRr-pQ-HrkvxckE/gviz/tq?range=A2:D16');
    dados.send(processaDados);
}


function desenharGraficodeLinhas() {
    var dados = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1BEtiBqFgOuFMe7K_9THV4vgaLCG8yRr-pQ-HrkvxckE/gviz/tq?range=A2:D16');
    dados.send(processaDados);
function processaDados (resultado) {
      var tabela = resultado.getDataTable();
    }
}


function desenharGraficodeLinhas() {
    var dados = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1BEtiBqFgOuFMe7K_9THV4vgaLCG8yRr-pQ-HrkvxckE/gviz/tq?range=A2:D16');
    dados.send(processaDados);
    function processaDados (resultado) {
        var tabela = resultado.getDataTable();
        var grafico = new google.visualization.LineChart(document.getElementById('graficoFilmes'));
    }
}


function desenharGraficodeLinhas() {
    var dados = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1BEtiBqFgOuFMe7K_9THV4vgaLCG8yRr-pQ-HrkvxckE/gviz/tq?range=A2:D16');
    dados.send(processaDados);
    function processaDados (resultado) {
    var tabela = resultado.getDataTable();
    var grafico = new google.visualization.LineChart(document.getElementById('graficoFilmes'));
    grafico.draw(tabela);
    }
}


  var tabela = resultado.getDataTable();

var opcoes = {
                title: &#39;Lucro das bilheterias nas primeiras duas semanas de abertura (em milhões de dólares)&#39;,
                width: 900,
                height: 500
             };
var grafico = new google.visualization.LineChart(document.getElementById(&#39;graficoFilmes&#39;));

grafico.draw(tabela, opcoes);


<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="graficoFilmes.js"></script>
</head>
<body>
        <div id="graficoFilmes"></div>
</body>
</html>


<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="graficoLinhas.js"></script>
        <script>
            google.charts.load('current', {'packages':['corechart'], 'language': 'pt'});
            google.charts.setOnLoadCallback(desenharGraficodeLinhas);
        </script>
</head>

&lt;body&gt;
    &lt;div id=&quot;graficoLinha&quot;&gt;&lt;/div&gt;


<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            google.charts.load('current', {'packages':['corechart'], 'language': 'pt'});
            google.charts.setOnLoadCallback(desenharGraficodeLinhas);
        


body
    div id=graficoLinha/div


var tabela = new google.visualization.DataTable();
      tabela.addColumn('number', 'Dia');
      tabela.addColumn('number', 'Guardiões da Galáxia');
      tabela.addColumn('number', 'Mulher-Maravilha');
      tabela.addColumn('number', 'Os Vingadores');
      tabela.addRows([
        [1,  37.8, 80.8, 41.8],
        [2,  30.9, 69.5, 32.4],
        [3,  25.4,   57, 25.7],
        [4,  , , ],
        [,  , , ],
        [,   , ,  ],
        [,   , ,  ],
        [,  , , ],
        [,  , , ],
        [, , , ],
        [,  ,  ,  ],
        [,  ,  ,  ],
        [,  ,  ,  ],
        [,  ,  ,  ]
      ]);

Carreiras

Área de Interesse

Aulas ao Vivo - Skills & Go

Senioridade

Eventos Alura

Outras empresas do Grupo Alun

Outras empresas do Grupo Alun

Carreiras

Área de Interesse

Aulas ao Vivo - Skills & Go

Senioridade

Eventos Alura

Outras empresas do Grupo Alun

Outras empresas do Grupo Alun

Fazendo um gráfico para a web com Google Charts

cassia-sampaio

Como a empresa gerou o link para mim

Carregando dados

Para saber mais

Explore por tópico

Carreiras

Área de Interesse

Aulas ao Vivo - Skills & Go

Senioridade

Eventos Alura

Carreiras

Área de Interesse

Aulas ao Vivo - Skills & Go

Senioridade

Eventos Alura

cassia-sampaio

Inscreva-se em nossa Newsletter

Como a empresa gerou o link para mim

Carregando dados

Para saber mais

Explore por tópico

Leia também