Mudanças entre as edições de "Consulta:Gráfico"

De LATROMI Manuais
Ir para: navegação, pesquisa
(Colunas)
m (Criando um Gráfico: Ident)
 
(7 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 18: Linha 18:
 
ELSE 'Outros'  
 
ELSE 'Outros'  
 
END AS Country,  
 
END AS Country,  
COUNT(ShipCountry) AS Quantity
+
COUNT(ShipCountry) AS Quantity
 
FROM Orders
 
FROM Orders
 
GROUP BY ShipCountry
 
GROUP BY ShipCountry
 
</syntaxhighlight>
 
</syntaxhighlight>
* Clique na aba '''Configurações'''
+
* Clique na aba '''Configurações'''.
 
* Altere o '''Tipo de Saída''' para Gráfico.
 
* Altere o '''Tipo de Saída''' para Gráfico.
 
* Altere o '''Tipo de Gráfico''' para o tipo de gráfico desejado.
 
* Altere o '''Tipo de Gráfico''' para o tipo de gráfico desejado.
Linha 44: Linha 44:
 
* '''Eixo Vertical''': Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
 
* '''Eixo Vertical''': Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
 
* '''Eixo Horizontal''': Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
 
* '''Eixo Horizontal''': Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
* '''Série''': Identificador das colunas.
+
* '''Série''': É a parte que identifica cada coluna.
  
 
[[Arquivo:Web - Gráfico de Colunas.png|miniaturadaimagem|nenhum|Gráfico de Colunas]]
 
[[Arquivo:Web - Gráfico de Colunas.png|miniaturadaimagem|nenhum|Gráfico de Colunas]]
Linha 50: Linha 50:
 
=== Barras ===
 
=== Barras ===
 
Gráficos do tipo ''Barras'' exibem as informações no formato de barras horizontais. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:  
 
Gráficos do tipo ''Barras'' exibem as informações no formato de barras horizontais. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:  
* '''Eixo Horizontal''':
+
* '''Eixo Horizontal''': Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
* '''Eixo Vertical''':
+
* '''Eixo Vertical''': Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
* '''Série''':
+
* '''Série''': É a parte que identifica cada barra.
  
 
[[Arquivo:Web - Gráfico de Barras.png|miniaturadaimagem|nenhum|Gráfico de Barras]]
 
[[Arquivo:Web - Gráfico de Barras.png|miniaturadaimagem|nenhum|Gráfico de Barras]]
Linha 58: Linha 58:
 
=== Área ===
 
=== Área ===
 
Um gráfico de ''Área'' é um gráfico de ''Linhas'', onde a área entre a linha e o eixo horizontal é preenchida com uma cor. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:  
 
Um gráfico de ''Área'' é um gráfico de ''Linhas'', onde a área entre a linha e o eixo horizontal é preenchida com uma cor. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:  
* '''Eixo Vertical''':
+
* '''Eixo Vertical''': Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
* '''Eixo Horizontal''':
+
* '''Eixo Horizontal''': Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
* '''Série''':
+
* '''Série''': É a parte que identifica cada área.
  
 
[[Arquivo:Web - Gráfico de Area.png|miniaturadaimagem|nenhum|Gráfico de Área]]
 
[[Arquivo:Web - Gráfico de Area.png|miniaturadaimagem|nenhum|Gráfico de Área]]
Linha 73: Linha 73:
 
=== Linhas ===
 
=== Linhas ===
 
Gráficos do tipo ''Linhas'' exibem os valores em pontos que são ligados por uma linha. Cada série gera uma linha de cor diferente. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:  
 
Gráficos do tipo ''Linhas'' exibem os valores em pontos que são ligados por uma linha. Cada série gera uma linha de cor diferente. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:  
* '''Eixo Vertical''':
+
* '''Eixo Vertical''': Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
* '''Eixo Horizontal''':
+
* '''Eixo Horizontal''': Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
* '''Série''':
+
* '''Série''': É a parte que identifica cada linha.
  
 
[[Arquivo:Web - Gráfico de Linhas.png|miniaturadaimagem|nenhum|Gráfico de Linhas]]
 
[[Arquivo:Web - Gráfico de Linhas.png|miniaturadaimagem|nenhum|Gráfico de Linhas]]
 +
 +
== Configurações ==
 +
As configurações dos gráficos podem ser acessadas de dois locais diferentes:
 +
* Nas configurações da Query
 +
*: Ao incluir ou modificar a Query, clique na aba '''Configurações''' e em seguida clique no botão '''Config.Avançadas'''.
 +
* No menu de contexto da Query, na tela de Cadastro de Consulta
 +
*: Na tela de Cadastro de Consulta, clique com o botão direito do mouse sobre a Query correspondente ao gráfico, e em seguida clique Gráfico → Configurações Avançadas.
  
 
== Cores do Gráfico ==
 
== Cores do Gráfico ==
Linha 91: Linha 98:
 
ELSE 'Outros'  
 
ELSE 'Outros'  
 
END AS Country,  
 
END AS Country,  
COUNT(ShipCountry) AS Quantity
+
COUNT(ShipCountry) AS Quantity
 
FROM Orders
 
FROM Orders
 
GROUP BY ShipCountry
 
GROUP BY ShipCountry

Edição atual tal como às 15h48min de 13 de fevereiro de 2020

Consultas com saída em gráfico podem ser de 6 tipos diferentes: Pizza, Colunas, Barras, Área, Rosquinha e Linhas.

OBS.: Os exemplos apresentados nessa página utilizam o banco de dados de exemplo da Microsoft, Northwind. Para fazer download deste banco, acesse: https://www.microsoft.com/en-us/download/confirmation.aspx?id=23654

Criando um Gráfico

Resultado da Consulta no SQL Server

Para criar um gráfico, siga os passos a seguir:

  • Clique no ícone Client Consulta Buttons AddQuery.png, que fica a esquerda da tela, e em seguida clique em Client Consulta Buttons AddQueryItem.png. A tela de edição de Queries será exibida.
  • Preencha o campo Nome sem usar espaços ou caracteres especiais. Por exemplo, chart.
  • Preencha o campo Descrição. Este campo servirá de título para a Consulta quando for exibida no Navegador.
  • No campo Conexão, selecione ou adicione uma conexão de banco de dados.
  • O campo de texto multilinha, na aba SQL é chamado de Editor de SQL. Informe nele um comando SQL do tipo SELECT para obter dados.
    Por exemplo:
SELECT 
	CASE WHEN Shipcountry IN ('Germany', 'USA', 'Brazil')
		THEN Shipcountry
		ELSE 'Outros' 
	END AS Country, 
	COUNT(ShipCountry) AS Quantity
FROM Orders
GROUP BY ShipCountry
  • Clique na aba Configurações.
  • Altere o Tipo de Saída para Gráfico.
  • Altere o Tipo de Gráfico para o tipo de gráfico desejado.
  • Clique em OK para confirmar o Comando SQL. O sistema solicitará um "De/Para" entre as colunas que são retornadas do Comando SQL e as Colunas necessárias para montar o Gráfico.
  • Em seguida, o Comando SQL será executado no banco de dados para fins de validação. Se houver erro, será necessário corrigir.
  • Agora de volta a tela principal da Consulta, perceba que as colunas retornadas no comando SELECT foram criadas na sessão de Configurações de Colunas. Para finalizar clique no menu Arquivo → Salvar.

Tipos de Gráfico

Pizza

Gráficos do tipo Pizza, também chamados de Torta (Pie), são os mais comuns. Para criá-los é necessário um Comando SQL que retorne pelo menos duas colunas:

  • Valor: É a parte numérica do gráfico. As fatias da "Pizza" serão montadas proporcionalmente com base neste valor.
  • Série: É a parte que identifica cada fatia da "Pizza".
Identificação das colunas do Gráfico Pizza

Colunas

Gráficos do tipo Colunas exibem as informações no formato de barras verticais. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:

  • Eixo Vertical: Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
  • Eixo Horizontal: Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
  • Série: É a parte que identifica cada coluna.
Gráfico de Colunas

Barras

Gráficos do tipo Barras exibem as informações no formato de barras horizontais. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:

  • Eixo Horizontal: Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
  • Eixo Vertical: Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
  • Série: É a parte que identifica cada barra.
Gráfico de Barras

Área

Um gráfico de Área é um gráfico de Linhas, onde a área entre a linha e o eixo horizontal é preenchida com uma cor. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:

  • Eixo Vertical: Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
  • Eixo Horizontal: Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
  • Série: É a parte que identifica cada área.
Gráfico de Área

Rosquinha

Gráficos do tipo Rosquinha são iguais aos gráficos Pizza, porém esses possuem um "furo" no meio. Para criá-los é necessário um Comando SQL que retorne pelo menos duas colunas:

  • Valor: É a parte numérica do gráfico. As fatias do gráfico serão montadas proporcionalmente com base neste valor.
  • Série: É a parte que identifica cada fatia do Gráfico.
Gráfico de Rosquinha

Linhas

Gráficos do tipo Linhas exibem os valores em pontos que são ligados por uma linha. Cada série gera uma linha de cor diferente. Para criá-los é necessário um Comando SQL que retorne pelo menos três colunas:

  • Eixo Vertical: Aceita apenas valores numéricos. É como uma "régua" para os valores das colunas.
  • Eixo Horizontal: Agrupador de séries. Aceita qualquer tipo de valor. Podem ser anos, trimestres, categorias, tipos e etc.
  • Série: É a parte que identifica cada linha.
Gráfico de Linhas

Configurações

As configurações dos gráficos podem ser acessadas de dois locais diferentes:

  • Nas configurações da Query
    Ao incluir ou modificar a Query, clique na aba Configurações e em seguida clique no botão Config.Avançadas.
  • No menu de contexto da Query, na tela de Cadastro de Consulta
    Na tela de Cadastro de Consulta, clique com o botão direito do mouse sobre a Query correspondente ao gráfico, e em seguida clique Gráfico → Configurações Avançadas.

Cores do Gráfico

Todos os Gráficos são gerados com cores pré-definidas baseadas no Tema utilizado no site. Não existe no sistema uma configuração para alterar essas cores. Porém existe um "truque" que pode ser utilizado. Se o nome da Série iniciar com o código HTML de alguma cor seguido de dois "_" (underline), o sistema vai assumir essa cor para a Série.

Por exemplo, supondo que o valor da Série fosse "Brazil", e fosse necessário alterar a cor para verde (#009900), o resultado seria "#009900__Brazil".

O Comando SQL ficaria assim:

SELECT 
	CASE WHEN Shipcountry IN ('Germany', 'USA') THEN Shipcountry
		 WHEN Shipcountry = 'Brazil' THEN '#009900__Brazil' 
		 ELSE 'Outros' 
	END AS Country, 
	COUNT(ShipCountry) AS Quantity
FROM Orders
GROUP BY ShipCountry

E o resultado seria esse:

Gráfico de Pizza com a Cor Alterada