Apresentação Morris

Introdução a biblioteca morris.js.

Transcript

1. Victória Noschang de Castro Tecnologia em Análise e Desenvolvimento de Sistemas 6º Semestre
2. Gráficos de boa aparência não devem ser difíceis
3.  Morris é uma biblioteca leve que usa Raphael e jQuery para facilitar a criação de gráficos simples de linha, barra, área ou donut.
5.  Criado por Olly Smith  v0.5.1  http://jster.net/library/morris-js#developer-quick- start  http://morrisjs.github.io/morris.js/
6.  jQuery é uma biblioteca JavaScript rápida e rica em recursos.  É utilizada para manipulação de documentos HTML e eventos, animação e Ajax.  É uma API mais simples e fácil de escrever JavaScript, combina versatilidade e capacidade de extensão e funciona em vários browsers.
7.  Raphael é uma biblioteca JavaScript que auxilia na criação de gráficos vetoriais web.  Usa a especificação VML da W3C como base para a criação de gráficos, ou seja, cada objeto gráfico criado é também um objeto DOM, sendo possível anexar ou modificar manipuladores de eventos JavaScript.
8.  Morris.js é a biblioteca que alimenta os gráficos do aplicativo “How Many Left?” para iPhone, iPad e iPod.  O aplicativo é um motor de banco de dados que busca estatísticas públicas sobre os carros, motos e veículos comerciais registrados na Grã- Bretanha acessíveis aos entusiastas do automobilismo.  https://itunes.apple.com/gb/app/how-many- left/id464678973?mt=8
10. <div id= "grafico" style="height: 250px;"></div> new Morris.Line element: 'grafico' data: [ { year: '2008', value: 20 } { year: '2009', value: 10 } { year: '2010', value: 5 } { year: '2011', value: 2 } { year: '2012', value: 20 } ] xkey: 'year' ykeys: ['value'] labels: ['Value']
11.  http://morrisjs.github.io/morris.js/  http://jster.net/library/morris-js  http://jquery.com/  http://raphaeljs.com/
12. Victória Noschang de Castro Tecnologia em Análise e Desenvolvimento de Sistemas 6º Semestre