Categorias

Aprenda a criar gráficos modernos em uma página ASP com jQuery e Flot

Esta pagina mostra como gerar gráficos bastante modernos utilizando dados de um vetor que poderá ser preenchido com dados oriundos de um banco de dados.

Neste código são utilizadas a tecnologia ASP (serverside), o framework Jquery e a biblioteca Flot.

O arquivo em anexo contém todo o projeto.




.:: Graficos com Flot::.








Graficos com jQuery + Flot

Este exemplo pega dados de um vetor para montar o gráfico.
Este vetor pode ser preenchido com dados oriundos de uma base de dados...

Exibir Valores

<% 'Criando os vetores Dim a(6) Dim b(6) 'Colocando dados a(0)=0 :a(1)=1 :a(2)=6 :a(3)=4 :a(4)=5 :a(5)=3 b(0)=5 :b(1)=3 :b(2)=2 :b(3)=4 :b(4)=3 :b(5)=5 'Estas variáveis pegarão os valores no mesmo formato que seriam gerados pela rotina jSON. Dados_A="": Dados_B="" For i=0 To 5 Dados_A= Dados_A & "[" & i & ", " & a(i) & "]," Dados_B= Dados_B & "[" & i & ", " & b(i) & "]," Next 'Este comando retira a ultima virgula e acrescenta a chave "]" Dados_A = "[" & left(Dados_A,(Len(Dados_A)-1)) & "]" Dados_B = "[" & left(Dados_B,(Len(Dados_B)-1)) & "]" %>

Arquivos para Download:

_Codigo.zip