English Bandeira English Italiano Bandeira Italiano Español Bandeira Español Français Bandeira Français Deutsch Bandeira Deutsch Português Bandeira Português Ελληνικά Bandeira Ελληνικά Nederlands Bandeira Nederlands Polski Bandeira Polski Čeština Bandeira Čeština 中文 Bandeira 中文 日本語 Bandeira 日本語 हिन्दी Bandeira हिन्दी اللغة العربية Bandeira اللغة العربية Русский Bandeira Русский Українська Bandeira Українська עִברִית Bandeira עִברִית Türk Bandeira Türk Latvietis Bandeira Latvietis Dansk Bandeira Dansk Norsk Bandeira Norsk Íslenska Bandeira Íslenska 한국어 Bandeira 한국어 Suomen Bandeira Suomen Gaeilge Bandeira Gaeilge Bahasa Melayu Bandeira Bahasa Melayu Svenska Bandeira Svenska
Usuário ÍconeLogin
Português Bandeira Português

Login

 

Construtor de gráficos. Crie e integre gráficos com base no seu banco de dados online no QuintaDB

Gerar relatório de forma gráfica é uma tarefa comum quando você tem dados em seu banco de dados. Usando o QuintaDB, você pode criar bons gráficos e até incorporá-los à sua página ou blog

Você pode criar e integrar gráficos com base em seu banco de dados online no QuintaDB.

Você pode imprimir seu gráfico e fazer o download do gráfico como uma imagem PNG, JPEG ou um documento PDF, mesmo como uma imagem vetorial SVG.

Nesta postagem do blog, explicaremos como criar um gráfico e você poderá gerar o mesmo gráfico em poucos minutos facilmente!

Abaixo você pode ver um exemplo:

Abra uma tabela com dados

Vá para o módulo "Charts" usando o menu do lado esquerdo e crie um novo gráfico.

Escolha o tipo de gráfico. Tipos de gráficos disponíveis:

  • Linie
  • Gráfico de área
  • Gráfico de barras horizontal
  • Gráfico de barras vertical
  • Gráfico de dispersão
  • Gráficos circulares


Você pode alterar o tipo de gráfico a qualquer momento.

Selecione a fonte de dados. Selecione uma tabela e uma coluna com dados.

Especifique o nome e a cor.

Pressione o botão "Save". Observe que você pode adicionar várias fontes de dados a um gráfico.

Configure o eixo Y. Você pode especificar um nome ou deixá-lo em branco. Indique o valor mínimo e máximo ao longo do eixo.

Pressione o botão "Atualização".

Configure o eixo X. O eixo X pode ser:

 

  • Padrão (de 0 a 100)
  • Automaticamente (do mínimo para o máximo)
  • Incremento automático
  • Lista de valores
  • Campo (dropdown, rádio, caixa de seleção)
  • Banco de Dados

 

Se você escolher um "Banco de dados", você precisa selecionar uma tabela, coluna e tipo de classificação: crescente e decrescente, ou pela coluna selecionada.

Pressione o botão "Atualização".

Definições.

- Você pode mostrar ou ocultar a legenda e escolher a posição da legenda.

- Você pode prefixar e sufixo para valores (moeda ou porcentagens, por exemplo).

- Você pode definir um separador entre os dígitos fracionários e inteiros e o delimitador de milhares.

- Você pode definir a precisão do número e definir o arredondamento.

 

Outras configurações:

- Empilhado (para barra vertical e horizontal com mais de uma fonte de dados) usado para mostrar comparações entre os dados, mas com capacidade de decompor e comparar partes de um todo.

- Gráfico de donut (para gráfico de pizza) usado para mostrar as proporções dos dados categóricos, com o tamanho de cada peça representando a proporção de cada categoria.

- Pontos usados para mostrar ou ocultar pontos.

- Tamanhos de byte amigáveis usados para mostrar o tamanho.

- Curva (para Linhas e Minigráficos) transforma uma linha em uma curva.

- Download adiciona um ícone de download ao gráfico.

- Discreto (para barra vertical e horizontal com mais de uma fonte de dados) usado para desabilitar a classificação das colunas em ordem crescente.

- Mostrar zeros insignificantes usados para ocultar zeros insignificantes, úteis para moeda.

- Mostrar nome usado para mostrar ou ocultar o nome do gráfico.

 

Além disso, você pode mostrar ou ocultar: X e Yticks, linhas de grade e bordas. E inverta os carrapatos X e Y.

Defina os tamanhos do gráfico: largura e altura.
Você também pode ativar as opções Manter proporção de aspecto e Responsivo (por padrão).
Insira uma mensagem para mostrar quando os dados estiverem vazios.
Defina a largura e o preenchimento da borda.

 

Para inserir seu gráfico no site, basta copiar / colar um iframe ou código JavaScript da guia Integração.