dados.jbrj.gov.br

Ferramentas do usuário

Ferramentas do site

Visitou: • sobre_o_portal
wiki:sobre_o_portal

Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

Link para esta página de comparações

Ambos lados da revisão anteriorRevisão anterior
Próxima revisão		Revisão anterior
wiki:sobre_o_portal [2015/06/24 16:05] – [Organização dos Dados] lannawiki:sobre_o_portal [2015/07/23 14:45] (atual) – nataliaoliveira
Linha 12: Linha 12:
  
 {{:organizacao_1.png?700}} {{:organizacao_1.png?700}}
 +
 +
 +<html>
 +
 +  <canvas id="myChart" width="700" height="300"></canvas>
 +
 +  <script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
 +  <script src="//cdn.jsdelivr.net/chart.js/1.0.2/Chart.min.js" type="text/javascript"></script>
 +
 +  <script type="text/javascript">
 +  // biblioteca de gráficos
 +  // http://www.chartjs.org/docs/#line-chart-introduction
 +  (function(){
 +   //Carregar os dados crus
 +   $.getJSON('http://api.gbif.org/v1/occurrence/download/dataset/4300f8d5-1ae5-49e5-a101-63894b005868?limit=200&callback=?',function(response){
 +
 +     // contador por dia
 +     var contador ={};
 +
 +     // para cada resultado
 +     for(var i=0;i<response.results.length;i++) {
 +      // os dados do download
 +      var download = response.results[i].download;
 +      var data = new Date(download.created); // data do download
 +      var dataSimples = data.getFullYear()+"-"+("0"+ data.getMonth() ).slice(-2)+"-"+("0"+ data.getDate() ).slice(-2); // data formatada
 +
 +      // inicia o contador para a data caso não exista
 +      if(typeof contador[dataSimples] != 'number') contador[dataSimples] = 0;
 +
 +      // incrementa o contador
 +      contador[dataSimples]++;
 +     }
 +
 +     // Elemento Canvas a Desenhar
 +     var ctx = document.getElementById("myChart").getContext("2d");
 +
 +     // separa os dias 
 +     var dias = [];
 +     for(var dia in contador) {
 +       console.log(dia);
 +       dias.push(dia);
 +       if(dias.length==8) break; // oito dias
 +     }
 +     dias.sort()
 +
 +     // separa contagens, na mesma ordem da lista de dias
 +     var contagens = []
 +     for(var i=0;i<dias.length;i++) {
 +       contagens.push(contador[dias[i]]);
 +     }
 +
 +     var data = {
 +      labels: dias,// dias como eixo X
 +      datasets:[
 +        {
 +          label:"Número de downloads",
 +          data: contagens, // contagens como eixo Y
 +          // formatação abaixo
 +          fillColor: "rgba(151,187,205,0.2)",
 +          strokeColor: "rgba(151,187,205,1)",
 +          pointColor: "rgba(151,187,205,1)",
 +          pointStrokeColor: "#fff",
 +          pointHighlightFill: "#fff",
 +          pointHighlightStroke: "rgba(151,187,205,1)"
 +        }
 +      ]
 +     };
 +
 +     // outras opções de charting
 +     var options= {
 +     };
 +
 +     var chart = new Chart(ctx).Line(data,options);
 +   });
 +  })();
 +  </script>
 +  
 +</html>
 +
 +
 +
  
  
wiki/sobre_o_portal.1435172743.txt.gz · Última modificação: 2015/06/24 16:05 por lanna

Ferramentas da página

Exceto onde for informado ao contrário, o conteúdo neste wiki está sob a seguinte licença: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Driven by DokuWiki Template From SyntaxSeed