Os gráficos de cascata ajudam a representar como uma sequência de valores positivos e negativos contribui para o total. Esses gráficos costumam ser usados para dados financeiros, com o objetivo de mostrar como vários lucros e perdas constituem um total. Os gráficos de cascata também podem ser usados de forma mais geral para ilustrar como diferentes categorias contribuem para um total, principalmente se os dados tiverem valores positivos e negativos.
Como criar um gráfico de cascata
Para escolher um gráfico em cascata, clique nas reticências (...) na barra "Visualização" e selecione Cascata.
Ignorando os campos que estão ocultos da visualização, as visualizações em hierarquia exigem uma das seguintes opções na seção Dados:
- Uma dimensão e uma medida
- Sem dimensões e uma ou mais métricas
- Uma dimensão, uma medida e uma ou mais tabelas dinâmicas
Outras configurações impedem a renderização de uma visualização em cascata.
Um gráfico em cascata calcula automaticamente um total com base nos valores dos dados e adiciona uma coluna Total ao gráfico. Os totais na tabela de dados não são necessários.
Depois que o gráfico for criado, você poderá usar o menu de opções de visualização. Clique em Editar no canto superior direito da guia "Visualização" para editar o gráfico.
Opções do menu "Series"
Configuração de cores
É possível definir a paleta de cores de um gráfico na seção Configuração de cores.
Coleção
Com uma coleção, você pode criar visualizações e painéis temáticos que combinam. Todas as coleções de cores integradas do Looker (núcleo do Google Cloud) aparecem na página de documentação Coleções de cores. O administrador do Looker (núcleo do Google Cloud) também pode criar uma coleção de cores personalizada para sua organização.
Você pode escolher uma coleção de cores no menu suspenso Coleção. A seção Paleta vai ser atualizada com uma paleta da sua coleção de cores escolhida.
Paleta
Depois de selecionar uma coleção de cores, você pode escolher uma paleta diferente da coleção ou personalizar a sua clicando na paleta de cores. Isso abre o seletor de paletas e exibe todas as paletas da coleção.
Para uma paleta categórica, as três primeiras cores da paleta são aplicadas à cor de alta, cor de baixa e cor total. Se a paleta tiver menos de três cores, primeiro uma versão mais clara e depois uma mais escura serão usadas. Em uma palestra sequencial ou divergente, a cor no final esquerdo da paleta é aplicada à cor de cima, e as cores da cor de baixo e da cor total se movem para a direita na paleta.
Como criar uma paleta de cores personalizada
Para criar uma paleta de cores personalizada, selecione a guia Personalizada no seletor de paletas. É possível editar a paleta de várias maneiras:
- Clique em uma das cores para editá-la.
- Clique nos botões + ou - para adicionar uma cor ao final da paleta ou remover uma cor selecionada.
- Clique em EDIT ALL no canto inferior direito do menu para usar uma lista de valores de cores separados por vírgulas.
Para mudar uma cor selecionada ou editar todas de uma vez, insira strings hexadecimais (como #2ca6cd) ou nomes de cores CSS (como mediumblue) na caixa de valor de cor na parte de baixo do seletor.
Para abrir um seletor de cores e escolher uma cor, clique na roda de cores à direita da caixa de valor de cor. O valor hexadecimal correspondente a essa cor aparece na caixa de valor de cor.
Se você clicar em EDIT ALL, a caixa de valor de cor vai ser preenchida com os códigos hexadecimais da paleta de cores que você escolheu ou personalizou. Copiar e colar essa lista é a melhor maneira de copiar paletas de cores personalizadas de um gráfico para outro.
Cores invertidas
Selecione Inverter cores para inverter a paleta. Para uma paleta categórica, as três últimas cores da paleta são aplicadas à Cor de cima, Cor de baixo e Cor total. Para uma paleta sequencial ou divergente, a cor na extremidade direita da paleta é aplicada à cor de cima e se move para a esquerda na paleta para a cor de baixo e a cor total.
Cor de cima, cor de baixo e cor total
É possível configurar a cor das barras do gráfico com base nos dados subjacentes positivos ou negativos. Clique em uma amostra de cor para revelar o seletor de paleta e selecionar uma nova cor de uma paleta existente ou escolher uma cor personalizada.
- Cor de aumento: determina a cor dos valores positivos no gráfico.
- Cor de valor negativo determina a cor dos valores negativos no gráfico.
- Cor do total determina a cor da barra Total no gráfico.
Editar configuração do gráfico
O botão Edit Chart Config na parte de baixo do menu de visualização abre o Chart Config Editor. Com esse editor, você pode modificar as visualizações do HighCharts expondo determinados parâmetros JSON da visualização, permitindo uma personalização profunda. Essas personalizações não interagem dinamicamente com os dados.
O botão Editar configuração do gráfico fica disponível se você tiver a função de administrador do Looker ou a permissão can_override_vis_config.
Consulte a seção Exemplos do artigo Editor de configuração de gráfico para conferir alguns casos de uso comuns, incluindo:
- Como mudar a cor do plano de fundo e do texto da linha
- Formatação condicional de valores em uma série
- Personalizar a cor da dica
- Como adicionar bandas de referência verticais e legendas
- Adicionar anotações a gráficos
Opções do menu de valores
Identificadores de valores
É possível alternar a aparência dos rótulos de valor para cada ponto de dados em um gráfico.
Cores de valores
É possível definir as cores dos rótulos de valor. Esse campo recebe um valor de cor formatado como uma string hexadecimal RGB (por exemplo, #2ca6cd) ou como um nome de cor CSS (por exemplo, mediumblue).
Se nenhum valor de cor for fornecido, o Looker (Google Cloud Core) vai atribuir a primeira cor da paleta aos rótulos de valor.
Opções do menu X
Tipo de escala
É possível especificar como a escala do eixo x é calculada e exibida:
Automático com base em dados: a escala é inferida a partir dos dados subjacentes. Essa é a configuração padrão.
Ordinal: os dados são plotados ao longo do eixo x como entradas discretas e espaçadas uniformemente, independentemente da distância relativa entre os pontos de dados.
Tempo: os dados são plotados como valores de tempo. O eixo x é rotulado com incrementos de tempo adequados.
Mostrar nome do eixo
É possível alternar a aparência do rótulo do nome do eixo x.
Identificadores do valor do eixo
Rótulos de valor do eixo alterna a aparência dos rótulos de valor no eixo x.
Permitir zoom
Essa opção está disponível apenas para gráficos cartesianos (de colunas, de barras, de dispersão, de linhas, de área, cascata ou de caixa).
Essa opção é ativada por padrão. Quando ele está ativado, é possível aplicar zoom em uma visualização em um painel, um Look ou uma Análise.
Consulte a página de documentação Como visualizar painéis ou Como visualizar visualizações no Looker para saber como usar o recurso de zoom.
Quando essa opção está desativada, a opção Permitir zoom no menu Y fica oculta e você não pode aplicar zoom na visualização.
Opções do menu Y
Mostrar nomes de eixos
É possível alternar a aparência dos rótulos de nome do eixo y.
Identificadores do valor do eixo
É possível ativar ou desativar a aparência dos rótulos de valor no eixo y.
Linhas de grade
É possível alternar a aparência das linhas de grade que se estendem do eixo y. As linhas de grade são espaçadas com base na escala do eixo y.
Permitir zoom
Essa opção está disponível apenas para gráficos cartesianos (de colunas, de barras, de dispersão, de linhas, de área, cascata ou de caixa).
Essa opção só fica disponível quando a opção Permitir zoom no menu X está ativada. Essa opção é ativada por padrão. Quando ele está ativado, é possível aplicar zoom em uma visualização em um painel, um Look ou uma Análise.
Consulte a página de documentação Como visualizar painéis ou Como visualizar Looks para saber como usar o recurso de zoom.
Se essa opção estiver desativada, mas a opção Permitir zoom no menu X estiver ativada, não será possível aplicar zoom em uma visualização mais estreita do eixo y. Só será possível aplicar zoom em uma visualização mais estreita do eixo x.