JS Charts

Aluno: Pedro Casanova Viana

Unidade Curricular: Linguagens de ProgramaçãoFaculdade de Tecnologia Senac

Professor André Moraes

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 ChartsGerador de gráficos do tipo Linha, o line charts é muito usado para mostrar variações, por

exemplo de tempo, notas e etc.

Bar ChartsO 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 ChartsPie 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 ChartsEste 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 ChartsO 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

.