Universidade Federal do Rio de Janeiro

Núcleo de Computação Eletrônica

Divisão de Assistência ao Usuário

Capítulo 11
GRÁFICOS
O TeeChart é um produto desenvolvido por David Berneda, que está incluído no
Delphi. Ele é composto de um conjunto de Run Time Libraries e units que permitem
acrescentar diversos tipos de gráficos nos projetos. As principais características do
TeeChart são:

• Funções estatísticas
• Gráficos 2D e 3D
• Séries pré-definidas e personalizadas
• Integração total com o QuickReport

COMPONENTES DE TEECHART

O TeeChart possui três componentes:

• TChart (guia Additional)

• TDBChart (guia Data Controls)
• TQRChart (guia QReport)

Additional Data Controls QReport

TChart TDBChart TQRChart

Os componentes TChart e TDBChart são os blocos básicos utilizados na construção de

gráficos, enquanto o TQRChart foi criado para seu usado especificamente em relatório s
do QuickReport.

CRIANDO GRÁFICOS SIMPLES

As etapas para criar um gráfico usando TChart ou TDBChart são basicamente as

mesmas, esta seção descreverá os passos em comum.
Criando um formulário novo

1 - Crie um novo formulário e adicione um TChart ou TDBChart, o gráfico poderá ser

redimensionado a qualquer momento.

Delphi 4 Pag. 163

 Universidade Federal do Rio de Janeiro
Núcleo de Computação Eletrônica
Divisão de Assistência ao Usuári o

EDITANDO O GRÁFICO

2 – Posicione o cursor sobre o gráfico, pressione o botão direito, aprecerá um menu

popup.
3 – Selecione o comando Edit Chart , será exibida a janela do Chart Editor.

Esta janela possui diversas guias, cada guia é responsável pela formatação de uma
característica do gráfico.

ADICIONANDO DADOS

Ao pressionar o botão Add da guia Series, o TeeChart exibirá a janela TeeChart

Delphi 4 Pag. 164

 Universidade Federal do Rio de Janeiro
Núcleo de Computação Eletrônica
Divisão de Assistência ao Usuário
Galerry, onde é possível selecionar o tipo de gráfico desejado. Para selecionar o gráfico,
basta clicar sobre sua imagem.

NOTA
O tipo de gráfico pode ser alterado a qualquer momento.
Após a seleção do tipo de gráfico, a série é automaticamente incluída no Chart Editor. É
possível inserir diversas séries distintas no gráfico.

EDITANDO SÉRIES

Para editar uma série, selecione a guia Series , e adicione a série desejada. Observe que
os passos variam ligeiramente entre os componentes TChart e TDbChart.

DADOS EM TCHART

Após inserir um TChart ao formulário e adicionar as séries, faz-se necessário popular a

séries com dados.

Exemplo:
Supondo que a série adicionada seja do tipo Pie , podemos popular a série via
programação. Adicione um TButton no formulário e crie o evento OnClick de acordo
com o código abaixo:

With Series1 do
Begin
Add(40, 'Lapis', clRed);
Add(60, 'Papel', clBlue);
Add(30, 'Borracha', clGreen);
End;

Ao pressionar o botão OK, o gráfico será exibido.

EDITANDO SÉRIES

Para editar uma série em TChart basta pressionar o botão direito e selecione o comando
Edit Chart ou simplesmente dê um duplo clique sobre o TChart. Então, será exibida a
seguinte janela.
Ao alterar as propriedades da série Pie, as mudanças são automaticamente adicionadas
ao gráfico. Observe que NÃO existe nenhum botão Cancel ou Undo.

Delphi 4 Pag. 165

 Universidade Federal do Rio de Janeiro
Núcleo de Computação Eletrônica
Divisão de Assistência ao Usuári o

DADOS EM TDBCHART

O uso de recursos de bancos de dados facilitam em muito a construção de gráficos, uma

vez que os dados não precisam ser localizados no programa. Os dados devem estar
localizados em tabelas ou queries. O TDBChart faz uso de toda s as facilidades da BDE.

Exemplo:
• Crie um novo formulário e adicione um TTable, defina o Banco de dados como
sendo DBDEMOS e a tabela como ANIMALS.DBF.
• Adicione um TdataSource e configure a propriedade DataSet como Table1.
• Adicione um TDBGrid e configure a propriedade DataSource como
DataSource1.
• Configure a propriedade Active de Table1 como True, assim é possível
visualizar os dados na tabela no Grid.
• Adicione um TDBChart no Form.
• Selecione e instale uma série do tipo Pie.
• Na guia Series, selecione as séries desejadas e selecione a guia DataSource,
configure a série de acordo com os dados da tabela.

Existem 4 tipos de valores disponíveis na guia DataSource.

NoData Os dados do gráfico são adicionados via programação
Random Values Usa-se valores randômicos nos gráficos
Function Dados oriundos de uma série de outro gráfico
DataSet Os dados poder ser oriundos de TTable, TQuery, TclientDatSet

Delphi 4 Pag. 166

 Universidade Federal do Rio de Janeiro
Núcleo de Computação Eletrônica
Divisão de Assistência ao Usuário

USANDO UM DATASET

Continuando o exemplo, selecione a opção DataSet na guia DataSource, configure o

data set de acordo com a figura abaixo:

INTEGRAÇÃO COM O QUICKREPORT

O Teechart integra-se totalmente com o QuickReport. Para adicionar um TeeChart a um

relatório, basta seguir as estapas abaixo:

1 – Adicione um TQuickReport ao Form

2 – Adicione um TQRChart sobre o Quic kReport
Ao dar um duplo clique no TQRChart, será exibido o Editor de Gráficos, onde se
configura o gráfico da mesma forma que as seções anteriores.

Delphi 4 Pag. 167

 Universidade Federal do Rio de Janeiro
Núcleo de Computação Eletrônica
Divisão de Assistência ao Usuári o

Delphi 4 Pag. 168