Aqui você vê as diferenças entre duas revisões dessa página.
Ambos lados da revisão anteriorRevisão anteriorPróxima revisão | Revisão anterior | ||
wiki:sobre_o_portal [2015/06/22 16:01] – lanna | wiki:sobre_o_portal [2015/07/23 14:45] (atual) – nataliaoliveira | ||
---|---|---|---|
Linha 2: | Linha 2: | ||
===== Números ===== | ===== Números ===== | ||
- | Aqui você encontrará os números mais atuais | + | Aqui você encontrará os números mais atuais de registros atualmente oferecidos pelos [[wiki: |
< | < | ||
Linha 9: | Linha 9: | ||
===== Organização dos Dados ===== | ===== Organização dos Dados ===== | ||
- | Os dados provenientes dos [[wiki: | + | Os dados provenientes dos [[wiki: |
{{: | {{: | ||
+ | |||
+ | |||
+ | < | ||
+ | |||
+ | <canvas id=" | ||
+ | |||
+ | <script src="// | ||
+ | <script src="// | ||
+ | |||
+ | <script type=" | ||
+ | // biblioteca de gráficos | ||
+ | // http:// | ||
+ | (function(){ | ||
+ | // | ||
+ | | ||
+ | |||
+ | // contador por dia | ||
+ | var contador ={}; | ||
+ | |||
+ | // para cada resultado | ||
+ | | ||
+ | // os dados do download | ||
+ | var download = response.results[i].download; | ||
+ | var data = new Date(download.created); | ||
+ | var dataSimples = data.getFullYear()+" | ||
+ | |||
+ | // inicia o contador para a data caso não exista | ||
+ | if(typeof contador[dataSimples] != ' | ||
+ | |||
+ | // incrementa o contador | ||
+ | contador[dataSimples]++; | ||
+ | } | ||
+ | |||
+ | // Elemento Canvas a Desenhar | ||
+ | var ctx = document.getElementById(" | ||
+ | |||
+ | // separa os dias | ||
+ | var dias = []; | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | |||
+ | // separa contagens, na mesma ordem da lista de dias | ||
+ | var contagens = [] | ||
+ | | ||
+ | | ||
+ | } | ||
+ | |||
+ | var data = { | ||
+ | labels: dias,// dias como eixo X | ||
+ | datasets:[ | ||
+ | { | ||
+ | label:" | ||
+ | data: contagens, // contagens como eixo Y | ||
+ | // formatação abaixo | ||
+ | fillColor: " | ||
+ | strokeColor: | ||
+ | pointColor: " | ||
+ | pointStrokeColor: | ||
+ | pointHighlightFill: | ||
+ | pointHighlightStroke: | ||
+ | } | ||
+ | ] | ||
+ | }; | ||
+ | |||
+ | // outras opções de charting | ||
+ | var options= { | ||
+ | }; | ||
+ | |||
+ | var chart = new Chart(ctx).Line(data, | ||
+ | }); | ||
+ | })(); | ||
+ | </ | ||
+ | | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||