Trabalhando com grficos

Tera-feira, 14/02/2006 s 11h35, por Robert Gaffo

Muitos desenvolvedores evitam trabalhar com grficos por acharem que muito
complicado e demorado. Veremos nesse artigo como trabalhar com o DBChart da
paleta Data Controls, esse componente tem muitos recursos que nos facilitar na
criao de aplicaes que trabalham com grficos.
Usarei aqui conexo atravs do BDE com a tabela Employee. Existe um Alias no BDE
configurado como DBDemos, e nele que vamos nos conectar.
OBS: O componente no se conecta somente com o BDE e sim com qualquer
tecnologia de acesso a dados, voc pode usar qualquer data set.
Vamos montar um formulrio em que ser feito um filtro e com o result set o
componente DBChart montar o grfico. Veja o layout do formulrio abaixo:

A propriedade Database da qryEmployee est ligada no alias DBDEMOS. V na

propriedade SQL da query e digite o seguinte:
select * from employee where EmpNo >= :Ini and EmpNo <= :Fim
Clique em OK. E a propriedade DataSet do dsEmployee est ligado na query. Aps
fazer essas configuraes, vamos prosseguir com a criao do grfico.

Configurando e escolhendo o grfico

Tendo o layout e a conexo com o banco efetuado. Vamos comear a fazer a
configurao do DBChart. D um duplo clique no DBChart para abrir a seguinte caixa
de dilogo.

Atravs dessa caixa configuraremos nosso grfico. A primeira coisa que deve ser feita
escolher qual o formato do grfico que ir aparecer. Para isso clique no boto Add...

Vai aparecer a galeria de grficos do DBChart. Escolha uma opo. Voc tambm pode
escolher se o grfico vai ficar em 3D ou no, clicando no checkbox. Ao escolher um
tipo de grfico clique em OK.
Agora clique na guia Titles para darmos um titulo para o formulrio.

Apague a palavra DBChar do memo, digite Salrio dos funcionrios e faa a

formatao do titulo como quiser. Na guia Legend voc muda a aparncia da legenda
do grfico, como por exemplo, a posio, a fonte e cor do fundo.
Acessando o banco de dados
Clique agora na guia Series que est ao lado da guia Chart.

As guias Format, General e Marks permite configurarmos a aparncia do grfico,

como estilo e cor dos pontos do grfico, forma e posio de como as informaes
aparecerem no grfico. Selecione a guia Data Source. O combobox que aparece
permite escolhermos como que o grfico ir ser preenchido escolha no combobox
DataSet.

Aps escolhermos DataSet no combobox, ser exibida mais opes onde escolheremos
qual o DataSet que iremos usar para montar o grfico, escolha no segundo combobox
a qryEmployee. Em Label ns escolhemos o nome que ir aparecer em cada ponto do
grfico. Escolha FirstName. Em Bar escolheremos qual campo ser usado para montar
o grfico. Escolha Salary. Clique em Close.
Vamos programar o boto Filtrar, d um duplo clique nele e digite:
With qryEmployee do Begin
Close;
ParamByName("Ini").Value := StrToInt(Edit1.Text);
ParamByName("Fim").Value := StrToInt(Edit2.Text);
Open
End; // with qryEmployee
Testando o grfico
Pressione a tecla F9 e vamos testar nossa aplicao. Digite o nmero do empregado na
caixa de texto De e At e clique no boto filtrar.

Clique em uma rea do grfico, segure e arraste fazendo uma seleo em volta de quais
pontos do grfico voc vai querer destacar, como no exemplo acima. Solte e veja o
resultado.

Clique segure e arraste no sentido inverso para voltar ao normal.

Paginando o grfico
Se voc fizer um filtro com um intervalo maior, iro aparecer muitos funcionrios. O
grfico comea a ficar apertado, como no exemplo abaixo:

Para resolver esse problema, volte ao modo design, d um duplo clique no grfico e v
na guia Paging. Digite a quantidade de pontos que voc quer que aparea de uma vez
no campo Points per Page.
Agora de um duplo clique no boto << e digite:
DBChart.PreviousPage
Agora de um duplo clique no boto >> e digite:
DBChart.NextPage
Agora faa o filtro com um intervalo maior de nmero de funcionrio e clique nos
botes << e >> e voc ver que ir aparecer os pontos de 5 em 5.
Formatando o grfico
D um duplo clique no grfico e escolha a guia Panel, nesse guia podemos mudar
tambm a aparncia do grfico. Marque o efeito Gradient e escolha a cor inicial e final.

Concluso
Grficos permitem melhor visualizao dos resultados de uma pesquisa, alm de
valorizar muito nossa aplicao. Como vimos, muito fcil e rpido trabalharmos com
grficos no Delphi. Agora isso no mais motivo para no termos grficos em nossa
aplicao.