{"id":1655,"date":"2026-06-27T15:51:02","date_gmt":"2026-06-27T18:51:02","guid":{"rendered":"https:\/\/code4delphi.com.br\/blog\/?p=1655"},"modified":"2026-06-27T15:51:02","modified_gmt":"2026-06-27T18:51:02","slug":"graficos-bonitos-e-modernos-no-delphi","status":"publish","type":"post","link":"https:\/\/code4delphi.com.br\/blog\/graficos-bonitos-e-modernos-no-delphi\/","title":{"rendered":"Gr\u00e1ficos Bonitos e Modernos no Delphi"},"content":{"rendered":"\n

Criar gr\u00e1ficos em aplica\u00e7\u00f5es Delphi \u00e9 uma excelente forma de apresentar dados de maneira mais visual, clara e profissional.<\/p>\n\n\n\n

Esse recurso pode ser usado em dashboards, relat\u00f3rios, indicadores financeiros, vendas, estoque e em qualquer tela onde os dados precisam ser analisados de forma r\u00e1pida pelo usu\u00e1rio.<\/p>\n\n\n\n

Neste post, vamos conhecer o componente que torna esse processo poss\u00edvel no Delphi e veremos algumas imagens com exemplos de gr\u00e1ficos que podem ser criados.<\/p>\n\n\n\n

Componente TMS FNC Chart<\/h2>\n\n\n\n

O TMS FNC Chart<\/strong> \u00e9 um conjunto de componentes da TMS Software para cria\u00e7\u00e3o de gr\u00e1ficos no Delphi.<\/p>\n\n\n\n

Com ele, conseguimos criar gr\u00e1ficos modernos, bonitos e interativos de forma simples e r\u00e1pida, seja em aplica\u00e7\u00f5es VCL<\/strong>, FMX<\/strong> ou TMS WEB Core<\/strong>.<\/p>\n\n\n\n

Na imagem a seguir, podemos ver alguns dos componentes dispon\u00edveis:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Veja algumas imagens com tipos de gr\u00e1ficos que podem ser criados:<\/h2>\n\n\n
\n
\"\"
Gr\u00e1ficos de Linhas<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Representa\u00e7\u00e3o de dados em gr\u00e1fico de pie\/donut (pizza\/rosquinha) com possibilidades de configura\u00e7\u00e3o de fatias vari\u00e1veis e legenda opcional<\/figcaption><\/figure>\n<\/div>\n\n\n
\"\"<\/figure>\n\n\n
\n
\"\"
V\u00e1rios tipos de gr\u00e1ficos de \u00e1rea com legenda de s\u00e9rie e valores dos eixos Y e X calculados automaticamente<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Varia\u00e7\u00e3o de Gr\u00e1fico no estilo \u00c1rea<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Possibilidade de mesclar tipos de gr\u00e1ficos, permitindo utilizar um tipo diferente para cada s\u00e9rie, como Linhas e Barras
<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Estilo StackedBar<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Gr\u00e1ficos do tipo Spider<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Exibir dados financeiros em s\u00e9ries multipontos e adicionar linhas de tend\u00eancia para an\u00e1lise t\u00e9cnica<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Gr\u00e1ficos configur\u00e1veis para exibi\u00e7\u00e3o em 3D<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Customiza\u00e7\u00e3o de marcadores com \u00edcones personaliz\u00e1veis<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Possibilidade de interagir com os gr\u00e1ficos<\/figcaption><\/figure>\n<\/div>\n\n\n