Faculdade de Tecnologia Senac Unidade Curricular: Linguagens de Programação Professor André Moraes Aluno: Pedro Casanova Viana JS Charts JS Charts JS Charts é um gerador JavaScript de gráficos, ele permite criar gráficos de diferentes modelos, como de tipo barra, pizza ou linha e é compatível com a maioria dos navegadores web. Abaixo são mostrados os tipos de gráficos apresentados no trabalho, eles são: Line Charts (Linha), Bar Charts (Barra) e Pie Charts (Pizza). Tipos de Charts Line Charts Gerador de gráficos do tipo Linha, o line charts é muito usado para mostrar variações, por exemplo de tempo, notas e etc. Bar Charts O próprio nome já lembra a palavra barra, que representa esse tipo de gráfico, o Bar Charts ou seja o gráfico de barras é muito utilizado quando se quer gerar um gráfico que mostre quantidades referentes à algum ponto, ou tradando de índices. Pie Charts Pie Charts é um gerador de gráficos do tipo Pizza, ele é extremamente utilizado quando se deseja criar um gráfico que mostre o resultado de uma prova, numero de aprovador, média de notas, e também para divulgar votações, ele é líder nesses assuntos com quase 90% de uso nesses casos. Cenário Bar Charts Este Primeiro Cenário tem por finalidade apresentar o código fonte de um gráfico de Barras, chamado Bar Charts, o código da figura a seguir gera um gráfico que trata-se dos meses do ano. Primeiramente iniciamos o tipo de gráfico Bar do JS Charts, conforme mostra a figura abaixo. Logo em seguida cita-se os componentes do gráfico e também cores e ingredientes das barras Cenário Pie Charts O segundo cenário se defini por apresentar um gráfico do tipo Pie(Pizza) bem simples, apenas para gerar o gráfico sem muito conteúdo, como mostra a figura a seguir do código fonte. Para começo inicia-se o tipo de gráfico que irá ser utilizado, tipo Pie Charts. Em seguida há um simples código definindo valores e cores somente. E por último o gráfico do tipo Pizza pronto, conforme o código ilustrado. . Referências <http://www.jscharts.com/how-to-use > Acesso em maio, junho/2013 < http://www.jscharts.com/examples > Acesso em junho/2013 < http://www.ejschart.com/examples.php?selected=examplePage > Acesso em junho/2013 < http://www.chartjs.org/docs/ > Acesso em junho/2013 .