70 likes | 237 Views
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
E N D
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: LineCharts (Linha), Bar Charts (Barra) e Pie Charts (Pizza).
Tipos de Charts LineCharts Gerador de gráficos do tipo Linha, o linecharts é 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 quantidadesreferentes à 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 • .