Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Nesta coluna aprenderemos montar um Gráfico utilizando o componente FusionCharts, que utiliza para exibição o FLASH e é alimentado via XML, faremos um exemplo dinâmico utilizando este componente bacana!

Por Programação Pular para comentários
Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free Nesta coluna aprenderemos montar um Gráfico utilizando o componente FusionCharts, que utiliza para exibição o FLASH e é alimentado via XML, faremos um exemplo dinâmico utilizando este componente bacana!

Este exemplo consiste em somente 4 fases:

Primeira:
Baixar os exemplos no site do FusionCharts, em nosso caso utilizaremos a versão free que basta se cadastrar no seguinte link e fazer o download no seguinte link: http://www.fusioncharts.com/free/Download.asp?gMenuItemId=5

Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Segunda:
Após baixar os exemplos escolhemos neste exemplo trabalhar com o MSLine, devemos pegar os seguintes arquivos do arquivo ZIP baixado:

Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Terceira:
Criaremos uma base de dados ACCESS "Coloquei o nome da base como Books.mdb", neste exemplo criaremos uma tabela com o nome: PRODUTOS e utilizaremos os seguintes campos id, meses, valor1 e valor2:

Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Quarta:
Criaremos duas páginas, default.asp e geradadosxml.asp.

Default.asp
Responsável por buscar os arquivos JavaScript, SWF e página onde traremos os dados em XML. Abaixo imagem com o endereço dos arquivos sublinhados.

Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Geradadosxml.asp
Responsável em buscar valores na base de dados e gerar página XML para trazer valores que irão alimentar nosso gráfico em SWF.

Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Resultado:
Gráfico Dinâmico Utilizando XML e FLASH com Componente FusionCharts Free

Observações:
1 - Ao passar o mouse sobre um ponto no gráfico será exibido o valor do pico em um ToolTip como na imagem acima;
2 - Existe um arquivo Style.css para mudar cores e tipo de fonte.

Nesta coluna tentei aproximar mais componente de Gráficos Free gratuito em nosso dia-dia, afinal o relatório bem feito é um grande passo para sua idéia ser comprada.

Referência:
http://www.fusioncharts.com/free/

Um abraço a todos!

Compartilhe com seus amigos:
Alexandre de Luccia
Alexandre de Luccia Analista Desenvolvedor de Sistemas desde 2005, participou em projetos em grandes empresas, tais como: LAB SSJ, TELEFÔNICA, GLOBO, ORACLE, VOTORANTIM, COSAN, VIVO, CLARO, UNIBANCO, FININVEST, EMBRAER, EATON, CYRELA, CAMARGO CORRÊA, AMBEV entre outras.
Quer conversar com o(a) Alexandre, comente:
Carregar comentários
Últimas notícias de Programação
  • Google usa Mulher-Maravilha para ajudar meninas a programar

    Google usa Mulher-Maravilha para ajudar meninas a programar

    Meninas ganham um incentivo extra na hora de aprender a programar, a Mulher-Maravilha.

  • Criando um cadastro de usuário em Java

    Criando um cadastro de usuário em Java

    O objetivo deste artigo é desenvolver uma aplicação em JSE (Java Standard Edition) de inserção de dados utilizando alguns padrões de projeto.

  • Quer aprender PHP? Saiba mais

    Quer aprender PHP? Saiba mais

    Chegou o tão aguardado curso online de PHP do Oficina da Net. Você não pode perder. PHP é uma das linguagens mais usadas no mundo. Os conteúdos que vou mostrar no curso, são exatamente o que você precisa saber para iniciar sua carreira como programador.

  • Formulário de contato em php

    Formulário de contato em php

    Guia do PHP: Aprenda a fazer um formulário em PHP que envia via SMTP autenticado o e-mail para um destinatário.

  • Como fazer um GIF?

    Como fazer um GIF?

    Aprenda a criar um GIF animado de vídeos. Descubra como criar os GIFs, imagens animadas que você vê em na internet.

  • O que priorizar na hora de escolher o hosting para seu site?

    O que priorizar na hora de escolher o hosting para seu site?

    Com o crescimento das ofertas na web, saiba o que você deve levar em consideração na hora de escolher a melhor empresa de hosting para seu empreendimento

  • O que preciso fazer para criar um aplicativo?

    O que preciso fazer para criar um aplicativo?

    Temos visto que desenvolver aplicativos que visam o mercado mobile pode ser mais que uma alternativa rentável, pode colocá-lo no topo, deixá-lo rico. Mas nem tudo são flores, e o aspirante a desenvolvedor de app precisa seguir algumas regras.

  • WEBINAR 3.9

    WEBINAR 3.9

    Venha para o Maker e descubra como tornar o seu negócio mais competitivo.