Como definir a cor dos relatórios

O uso consistente e significativo de cores torna seus relatórios mais atraentes e fáceis de entender. É possível aplicar opções de cor e estilo a diversos aspectos de um relatório, incluindo elementos estáticos, como fontes de texto, cores de fontes e planos de fundo da página e do componente, bordas de gráficos, grades etc. Você também pode aplicar cores a elementos de dados, como barras e linhas, valores de métricas e dimensões, fatias da pizza e regiões geográficas.

Esta página descreve como trabalhar com cores no Data Studio.

Temas

Os temas de cores integrados facilitam a criação rápida de relatórios atrativos e visualmente consistentes. Quando você aplica um tema, ele atualiza as configurações de todos os elementos estáticos e de dados no relatório de uma só vez, poupando tempo e esforço.

É possível personalizar um tema mudando as propriedades dele.

Saiba mais sobre temas.

Definir um estilo individual para os componentes

Você pode mudar as configurações de cor e estilo de componentes individuais:

  1. Edite seu relatório.
  2. Selecione um ou mais componentes.
  3. Selecione a guia ESTILO.
  4. Mude as configurações de estilo desejadas. Se você tiver selecionado mais de um componente, vai acessar apenas as configurações comuns a todos os componentes selecionados.

Quando você define um estilo individual, o componente em questão não faz mais parte do tema do relatório. Se você aplicar um tema diferente ao componente, ele não vai herdar as configurações do novo tema.

Definir a cor dos dados

Você pode usar as técnicas a seguir para colorir os dados que aparecem nos gráficos:

  • Colorir pelo valor da dimensão. Por exemplo,  você decide que a "França" sempre será representada em azul, não importa onde ela apareça no gráfico. As cores dos valores de dimensão são definidas pelo tema do relatório atual, mas é possível substituí-las editando o mapa de cores desses valores.
  • Colorir pela ordem dos dados de dimensão. Por exemplo, digamos que você queira que a primeira série no gráfico seja sempre azul. Você pode definir as cores da série editando gráficos individuais.
  • Usar tons de uma única cor. Por exemplo, você quer colorir a série de dados usando uma única cor do logotipo da sua empresa. Essa opção é mais eficaz quando não é necessário mostrar diferenças exatas entre os valores no gráfico.

Você pode misturar técnicas diferentes no mesmo relatório, dependendo dos seus objetivos e gostos.

Saiba mais sobre técnicas de coloração de dados.

O seletor de cores

O seletor de cores mostrando a paleta, a paleta de temas e a paleta de cores personalizada.

Use o seletor ao escolher as cores para os temas e componentes. Ele tem três seções:

  1. A paleta de cores padrão. Ela é a mesma para todos os componentes em todos os relatórios.
  2. A paleta TEMA. Ela muda dependendo do tema atual.
  3. A paleta de cores PERSONALIZADAS. As cores personalizadas que você cria aparecem aqui.

Acessar o seletor de cores

Para abrir o seletor de cores, siga estas etapas:

  1. Edite seu relatório.
  2. Selecione um componente e abra a guia ESTILO ou personalize o tema atual.
  3. Clique em uma opção de cor para mostrar o seletor de cores e selecione a cor desejada para essa opção. No menu da guia "Estilo" de um gráfico de barras, um cursor passa sobre o ícone "Plano de fundo do gráfico" para selecionar uma cor de plano de fundo para a grade do gráfico.

Criar cores personalizadas

O seletor de gradiente de cor personalizada mostra o hexadecimal da cor selecionada, #4285f4.

Clique em Adicionar ícone na linha de cores PERSONALIZADAS do seletor para criar uma cor personalizada. Clique em qualquer lugar nas barras para escolher uma cor base e use os controles deslizantes para ajustar a tonalidade. Você também pode inserir um valor hexadecimal de cor para renderizá-la. O valor hexadecimal da cor personalizada atual também pode ser usado para duplicá-la em outro componente. Por exemplo, é possível copiar um valor hexadecimal de cor de um componente e colar no seletor de cores de outro para definir a mesma cor.

Gradientes de cor

A caixa de diálogo de gradiente personalizado configurada para um gradiente linear de 90 graus com três etapas de cores, que vai do azul-escuro ao branco da esquerda para a direita.

O efeito de degradê de uma cor para a outra é chamado de gradiente. Você pode usar um gradiente de cor na propriedade de cor do plano de fundo de um componente. Para definir um gradiente, siga estas etapas:

  1. Selecione um componente e clique em ESTILO.
  2. Clique em Plano de fundo Ícone de cor do plano de fundo.
  3. Clique em Gradiente.
  4. Selecione as caixas no início e no fim da barra de gradiente e clique no menu suspenso de cores para definir as cores inicial e final do gradiente.
  5. Para adicionar mais etapas de cor ao gradiente, clique em Adicionar.
  6. Para remover uma etapa de cor do gradiente, clique em Remover.
  7. Use o menu Tipo para definir a aparência geral do gradiente, Linear ou Radial.
  8. Use o menu Ângulo para definir a direção do fluxo do gradiente:
    • Centro
    • Canto superior esquerdo
    • Canto superior direito
    • Canto inferior esquerdo
    • Canto inferior direito