Gráficos de pizza

   

Este documento descreve como criar gráficos de pizza usando a API de gráficos do Google.

Sumário

Visão geral

Os gráficos de setores são bons para mostrar informações simples de proporção entre a parte e o todo. É possível criar um gráfico de pizza com uma única série, em que cada série é feita de gráficos concêntricos de várias fatias ou com várias séries.

Cada série descreve um círculo de setores e cada valor de dados especifica um setor. Ao usar gráficos de pizza aninhados (descritos abaixo), use várias séries.

Para exibir o texto associado a uma fatia, você precisará usar rótulos do gráfico de pizza ou uma legenda de gráfico. Os rótulos do gráfico de pizza são textos ao redor do gráfico com linhas apontando para a fatia. As legendas são textos associados à cor.

Rótulos Legenda Rótulos e legenda

chl=January|February|March|April

chdl=January|February|March|April

chl=January|February|March|April
chdl=30°|40°|50°|60°

Os valores são exibidos em relação uns aos outros: portanto, um gráfico com valores 1, 2, 3 terá a mesma aparência que um gráfico com valores 100, 200, 300. No entanto, ao usar dados de formato de texto, os valores maiores que 100 são cortados para 100. Portanto, é necessário usar o formato de texto com dimensionamento personalizado para exibir fatias maiores que 100 corretamente (use o parâmetro chds com valores mínimos/máximos de chds=0,<max-slice-size>).

Os valores negativos são exibidos como setores vazios com o tamanho correspondente.

Tipos de gráficos

Há três tipos gerais de gráficos de pizza que podem ser criados: plano, concêntrico ou 3D. Especifique um gráfico de setores com a seguinte sintaxe:

Sintaxe

cht=<chart_type>

Em que <chart_type> é um dos seguintes tipos:

Parâmetro Descrição Exemplo

p

Gráfico de setores em duas dimensões.

Forneça somente uma série de dados; as séries de dados subsequentes serão ignoradas.

Por padrão, as cores dos segmentos de pizza são interpoladas de laranja-escuro a amarelo-claro. Especifique outras cores, conforme descrito em Cores da série.

Especifique os rótulos com chl, conforme descrito em Rótulos do gráfico de pizza.

A API Google Chart calcula o raio do círculo com base na largura e na altura mínimas especificadas no parâmetro de tamanho do gráfico (chs). Se você estiver incluindo rótulos, provavelmente precisará especificar o tamanho da largura para ser o dobro da altura, para garantir que os rótulos fiquem totalmente visíveis.

Gráfico de setores em duas dimensões com quatro segmentos, em que as cores dos segmentos são interpoladas de laranja escuro para claro

cht=p
chs=200x100

p3

Gráfico de setores em três dimensões.

Especifique os dados e a formatação da mesma maneira que nos gráficos de pizza bidimensionais, acima.

Se você estiver incluindo rótulos em um gráfico de pizza tridimensional, provavelmente precisará especificar o tamanho da largura como 2,5 vezes o tamanho da altura, para garantir que os rótulos fiquem totalmente visíveis.

Gráfico de setores em três dimensões com quatro segmentos, em que as cores dos segmentos são interpoladas de laranja escuro para claro

cht=p3
chs=250x100

pc

Gráfico de setores concêntrico.

Forneça duas ou mais séries de dados.

Dois gráficos de setores concêntricos com quatro segmentos cada, nos quais as cores dos segmentos são interpoladas de laranja escuro para claro

cht=pc
chd=s:Helo,Wrld

Todos os tipos Os números negativos nos dados geram setores "em branco". Dois gráficos de setores concêntricos com quatro segmentos cada, nos quais as cores dos segmentos são interpoladas de laranja escuro para claro
cht=pc
chd=t:
10,-10,10,-10|
5,-5,5,-5,5,-5,5,-5,5,-5

 

Cores da série chco

Você pode especificar as cores de todos os valores, de cada valor ou de alguns valores usando o parâmetro chco.

Sintaxe

chco=<slice_1>|<slice_2>|<slice_n>,<series_color_1>,...,<series_color_n>
<color>
Cores de fatias no formato hexadecimal RRGGBB. Especifique uma única cor de série para que todas as fatias da série sejam coloridas em gradações dessa cor, da mais escura (primeiro membro de dados) até a mais clara (último membro de dados). Especifique duas ou mais cores delimitadas por | para descrever as cores de fatias individuais. Quando há várias séries (ou seja, um gráfico com anéis concêntricos), é possível especificar valores para séries diferentes separando-os com vírgulas. Quando menos cores de fatias/séries são fornecidas do que os pedaços/séries exibidos, o gráfico percorre a partir do início da lista de fatias da série ou da lista de séries do gráfico. Não é possível especificar um gradiente distinto para cada série em um gráfico com várias séries.
Descrição Exemplo

Especifique uma única cor para ter gradações da mais escura (primeira fatia) à mais clara (última fatia).

Gráfico de setores em três dimensões com segmentos interpolados de azul escuro para claro

chco=0000FF

Definição de um gradiente; neste exemplo, de amarelo para vermelho. Intervalo de amarelo para vermelho.
chd=t:10,20,30,40,50
chco=FFFF10,FF0000

Definir as cores das fatias individuais; especificar uma cor por fatia. Um setor por cor.
chd=t:10,20,30
chco=FF0000|00FF00|0000FF
Este gráfico tem duas séries de dados, mas especifica a cor como um único gradiente em todas as fatias, de amarelo para vermelho (BBBB00 - BB0000). Dois gráficos de setores concêntricos com quatro segmentos cada, nos quais as cores dos segmentos são interpoladas de laranja escuro para claro
chco=BBBB00,BB0000

Este é um gráfico concêntrico que inclui cores de série e cores de fatias individuais. O gráfico tem duas séries de dados concêntricas. Na forma legível para humanos, as cores são chco=green|red,blue|yellow. A vírgula divide isso em duas séries:

  • green|red - alternância entre setores verde e vermelho.
  • blue|yellow - alternância entre setores azul e amarelo.
Dois gráficos de setores concêntricos com quatro segmentos cada, nos quais as cores dos segmentos são interpoladas de laranja escuro para claro
chd=s:eYY,ORVM
chco=008800|880000,000088|888800

Voltar ao início

Rótulos do gráfico de pizza chl

É possível especificar rótulos para fatias do gráfico de pizza individuais usando o parâmetro chl. Você também pode exibir uma legenda com valores iguais ou diferentes, uma entrada de legenda por fatia.

Observação sobre valores de string:são permitidos somente caracteres seguros para URL nas strings de rótulo. Por questões de segurança, codifique para uso em URL todas as strings que contenham caracteres que não façam parte do conjunto de caracteres 0-9a-zA-Z. Veja um codificador de URL aqui.

Sintaxe

chl=
  <label_value>|
    ...
  <label_value>
<label_value>
Um valor de string a ser aplicado a uma fatia. Os rótulos são aplicados consecutivamente aos pontos de dados em chd. Se houver várias séries, por exemplo, em um gráfico de pizza concêntrico, os rótulos serão aplicados a todos os pontos em todas as sequências, na ordem especificada em chd. Use uma barra vertical ( |) entre cada rótulo. Especifique um valor intermediário ausente usando duas barras consecutivas sem espaço entre eles: || . Não é necessário rotular todas as fatias.

 

Exemplos

Descrição Exemplo

Rótulos para um gráfico de setores de três dimensões.

Gráfico de setores de três dimensões com os rótulos maio, junho, julho, agosto, setembro e outubro, um para cada segmento

chl=May|Jun|Jul|Aug|Sep|Oct
chs=220x100

Ao especificar o tamanho do seu gráfico com chs, considere o espaço necessário para os rótulos.

Geralmente, um gráfico de pizza bidimensional precisa ter aproximadamente duas vezes a largura que tem, e um gráfico de pizza tridimensional precisa ser aproximadamente duas vezes e meia mais larga do que alto para exibir os rótulos corretamente.

No primeiro exemplo, os rótulos são exibidos apenas parcialmente, porque o gráfico não é largo o suficiente.

O segundo exemplo mostra que o gráfico precisa de uma largura de 280 pixels para exibir os rótulos completos. As bordas foram adicionadas explicitamente ao elemento <img>.

Gráfico de setores de três dimensões com os rótulos maio, junho, julho, agosto, setembro e outubro, um para cada segmento

chl=May|June|July|August|
September|October
chs=220x100


Gráfico de setores de três dimensões com os rótulos maio, junho, julho, agosto, setembro e outubro, um para cada segmentochl=May|June|July|August|
September|October
chs=280x100

Voltar ao início

Rotação do gráfico de pizza chp

Por padrão, a primeira série é desenhada a partir das 3h, continuando no sentido horário do gráfico, mas você pode especificar uma rotação personalizada usando o parâmetro chp.

Sintaxe

chp=<radians>
  
<radians>
Um valor de ponto flutuante que descreve quantos radianos girar o gráfico no sentido horário. Uma volta completa tem 2π (2 pi — cerca de 6,28) radianos.

Exemplos

Descrição Exemplo

Para mudar a orientação de um gráfico de pizza, use chp=<angle_in_radians>.

Gráfico de setores com dois segmentos

chd=t:20,80


Gráfico de setores com dois segmentos, com rotação de 0,628

chd=t:80,20
chp=0.628

Veja outro exemplo de rotações do gráfico de pizza. Eles podem ser combinados com marcadores de forma de gráfico para criar alguns efeitos interessantes. Gráfico de setores com dois segmentos, com rotação de 0,628

 

Voltar ao início

Recursos padrão

Os demais recursos nesta página são recursos de gráficos padrão.

Título do gráfico chtt, chts [Todos os gráficos]

É possível especificar o texto, a cor e o tamanho da fonte do título de um gráfico.

Sintaxe

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt: especifica o título do gráfico.

<chart_title>
Título a ser exibido no gráfico. Não é possível especificar onde ele aparece, mas é possível definir o tamanho e a cor da fonte. Use um sinal de + para indicar espaços e uma barra vertical ( |) para indicar quebras de linha.

 

chts [opcional]: cores e tamanho da fonte para o parâmetro chtt.

<color>
A cor do título, no formato hexadecimal RRGGBB. A cor padrão é preto.
<font_size>
Tamanho da fonte do título, em pontos.
<opt_alignment>
[Opcional] Alinhamento do título. Escolha um dos seguintes valores de string, diferenciando maiúsculas de minúsculas: "l" (esquerda), "c" (centralizado) "r" (direita). O padrão é "c".

 

Exemplos

Descrição Exemplo

Gráfico com título, que usa a cor e o tamanho da fonte padrão.

Especifique um espaço com um sinal de adição (+).

Use uma barra vertical (|) para forçar uma quebra de linha.

chts não está especificado aqui.

Gráfico de barras verticais com título
chtt=Site+visitors+by+month|
January+to+July

Gráfico com título azul, alinhado à direita e de 20 pontos.

Gráfico de barras verticais com título em azul e tamanho de 20 pixels
chtt=Site+visitors
chts=FF0000,20,r

Voltar ao início

Texto e estilo da legenda do gráfico chdl, chdlp, chdls [Todos os gráficos]

A legenda é uma seção lateral do gráfico que fornece uma pequena descrição textual de cada série. Você pode especificar o texto associado a cada série nessa legenda e especificar onde ela deve aparecer no gráfico.

Consulte também chma para aprender a definir as margens ao redor da legenda.

Observação sobre os valores de string:somente caracteres seguros de URL são permitidos nas strings de rótulo. Por questões de segurança, codifique para uso em URL todas as strings que contenham caracteres que não façam parte do conjunto de caracteres 0-9a-zA-Z. Você encontra um codificador de URL na documentação de visualização do Google.

Sintaxe

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl: o texto de cada série a ser exibido na legenda.

<data_series_label>
O texto das entradas de legenda. Cada rótulo se aplica à série correspondente na matriz chd. Use um sinal de adição (+) no espaço. Se você não especificar esse parâmetro, o gráfico não receberá uma legenda. Não há como especificar uma quebra de linha em um rótulo. A legenda normalmente se expande para conter o texto da legenda, e a área do gráfico será reduzida para acomodar a legenda.

chdlp : [opcional] a posição da legenda e a ordem das entradas de legenda. É possível especificar <position> e/ou <label_order>. Se você especificar ambos, separe-os com um caractere de barra. Adicione um "s" a qualquer valor se quiser que entradas de legenda vazias em chdl sejam ignoradas na legenda. Exemplos: chdlp=bv, chdlp=r, chdlp=bv|r e chdlp=bvs|r.

<opt_position>
[Opcional] Especifica a posição da legenda no gráfico. Para especificar mais padding entre a legenda e a área do gráfico ou a borda da imagem, use o parâmetro chma. Escolha um destes valores:
  • b: legenda na parte inferior do gráfico, entradas de legenda em uma linha horizontal.
  • bv: legenda na parte inferior do gráfico, entradas de legenda em uma coluna vertical.
  • t: legenda na parte superior do gráfico, entradas de legenda em uma linha horizontal.
  • tv: legenda na parte superior do gráfico, entradas de legenda em uma coluna vertical.
  • r - [Padrão] legenda à direita do gráfico, entradas de legenda em uma coluna vertical.
  • l: legenda à esquerda do gráfico, entradas de legenda em uma coluna vertical.
<opt_label_order>
[opcional] A ordem em que os rótulos são mostrados na legenda. Escolha um destes valores:
  • l - [Padrão para legendas verticais] Exibe rótulos na ordem informada para chdl.
  • r: mostra rótulos na ordem inversa, conforme fornecido para chdl. Isso é útil em gráficos de barras empilhadas para mostrar a legenda
    na mesma ordem em que as barras aparecem.
  • a - [Padrão para legendas horizontais] Ordem automática: aproximadamente, significa classificar por comprimento, mais curto primeiro, conforme medido em blocos de 10 pixels. Quando dois elementos tiverem o mesmo comprimento (divididos em blocos de 10 pixels), o que estiver listado primeiro aparecerá primeiro.
  • 0,1,2...: ordem dos rótulos personalizados. Esta é uma lista de índices de rótulos baseados em zero do chdl, separados por vírgulas.

chdls: [opcional] especifica a cor e o tamanho da fonte do texto da legenda.

<color>
A cor do texto da legenda, no formato hexadecimal RRGGBB.
<size>
O tamanho do ponto do texto da legenda.

 

Exemplos

Descrição Exemplo

Dois exemplos de legendas. Especifique o texto da legenda na mesma ordem que sua série de dados.

Gráfico de linhas em vermelho, azul e verde, com as respectivas legendas

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Diagrama de Venn com dois círculos menores contidos em um círculo maior


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

O primeiro gráfico demonstra entradas de legenda horizontais (chdlp=t, o layout padrão é horizontal) e o segundo demonstra entradas de legenda verticais inferiores (chdlp=bv).

Diagrama de Venn com dois círculos menores contidos em um círculo maior
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


Diagrama de Venn com dois círculos menores contidos em um círculo maior
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

Este exemplo demonstra a mudança do tamanho da fonte.

Diagrama de Venn com dois círculos menores contidos em um círculo maior
chdls=0000CC,14

Voltar ao início

Margens do gráfico chma [Todos os gráficos]

Você pode especificar o tamanho das margens do gráfico em pixels. As margens são calculadas internamente a partir do tamanho especificado do gráfico (chs). Aumentar o tamanho da margem não aumenta o tamanho total do gráfico, mas reduz a área do gráfico, se necessário.

As margens são, por padrão, o espaço que sobra depois que o tamanho do gráfico é calculado. Seu valor padrão varia de acordo com o tipo de gráfico. As margens especificadas são um valor mínimo. Se a área do gráfico deixar espaço para margens, o tamanho delas será o que sobrar. Você não pode apertar as margens menores do que o necessário para legendas e rótulos. Veja um diagrama que mostra as partes básicas de um gráfico:

Margem do gráfico, área da legenda e área do gráfico

As margens do gráfico incluem os rótulos do eixo e a área da legenda. A área da legenda é redimensionada automaticamente para ajustar o texto exatamente, a menos que você especifique uma largura maior usando chma. Nesse caso, a margem vai aumentar mais, apertando a área do gráfico. Não é possível cortar uma legenda especificando um tamanho muito pequeno, mas você pode fazer com que ela ocupe mais espaço do que o necessário.

Dica:em um gráfico de barras, se as barras tiverem um tamanho fixo (o padrão), a largura da área do gráfico não poderá ser reduzida. Especifique um tamanho de barra menor ou redimensionável usando chbh.

 

Sintaxe

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
Tamanho mínimo da margem ao redor da área do gráfico, em pixels. Aumente esse valor para incluir padding para evitar que os rótulos dos eixos encostem nas bordas do gráfico.
<opt_legend_width>, <opt_legend_height>
[Opcional] Largura da margem ao redor da legenda, em pixels. Use esse método para evitar que a legenda fique perto da área do gráfico ou das bordas da imagem.

 

Exemplos

Descrição Exemplo

Nesse exemplo, o gráfico tem uma margem mínima de 30 pixels em cada lado. Como a legenda do gráfico tem mais de 30 pixels de largura, a margem do lado direito é definida como a largura da legenda do gráfico e é diferente das outras margens.

Os rótulos dos eixos estão fora da área do gráfico e, portanto, são desenhados no espaço da margem.

Gráfico de linhas com plano de fundo em cinza e margens dos dois lados.
chma=30,30,30,30

Para adicionar uma margem ao redor da legenda, defina um valor para os parâmetros <opt_legend_width> e <opt_legend_height>.

Neste exemplo, a legenda tem largura de aproximadamente 60 pixels. Se você definir <opt_legend_width> como 80 pixels, a margem se estenderá por 20 pixels fora da legenda.

Gráfico de linhas com plano de fundo em cinza e margens dos dois lados.
chma=20,20,20,30|80,20

Voltar ao início

Estilos e rótulos de eixos [linhas, barras, Googleômetro, radar, dispersão]

Você pode especificar quais eixos exibir no gráfico e atribuir rótulos, posições, intervalos e estilos personalizados.

Nem todos os gráficos exibem linhas de eixos por padrão. Você pode especificar exatamente quais eixos seu gráfico deve exibir usando o parâmetro chxt. As linhas de eixo padrão não mostram números. É necessário especificar um eixo no parâmetro chxt para que os números sejam exibidos.

Os eixos podem exibir números que refletem os valores de dados ou especificar eixos personalizados. O padrão é exibir valores numéricos, com valores dimensionados para um intervalo de 0 a 100. No entanto, é possível alterar esse intervalo usando chxr para exibir qualquer intervalo, e você pode definir o estilo dos valores (por exemplo, para mostrar símbolos de moeda ou casas decimais) usando chxs.

Se você optar por usar valores personalizados, como "Seg, Ter, Qua", poderá usar o parâmetro chxl. Para colocar esses rótulos em locais específicos do eixo, use o parâmetro chxp.

Por fim, use os parâmetros chxs e chxtc para especificar cor, tamanho, alinhamento e outras propriedades de rótulos de eixos personalizados e numéricos.

Observação sobre os valores de string:somente caracteres seguros de URL são permitidos nas strings de rótulo. Por questões de segurança, codifique para uso em URL todas as strings que contenham caracteres que não façam parte do conjunto de caracteres 0-9a-zA-Z. Você encontra um codificador de URL na documentação de visualização do Google.

Esta seção aborda os seguintes tópicos:


Eixos visíveis chxt

Os gráficos de barras, linhas, radar e dispersão mostram uma ou duas linhas de eixo por padrão, mas elas não incluem valores. Para exibir valores nas linhas de eixo ou para alterar quais eixos são exibidos, você precisa usar o parâmetro chxt. Por padrão, os valores dos eixos variam de 0 a 100, a menos que você os dimensione explicitamente usando a propriedade chxr. Para ocultar todas as linhas dos eixos em um gráfico de linhas, especifique :nda depois do valor do tipo de gráfico no parâmetro cht (por exemplo: cht=lc:nda).

Por padrão, os eixos superior e inferior não exibem marcas de seleção pelos valores, enquanto os eixos esquerdo e direito as exibem. É possível mudar esse comportamento usando o parâmetro chxs.

Sintaxe

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
Um eixo a ser exibido no gráfico. Os eixos disponíveis são:
  • x: Eixo x de baixo
  • t: eixo X superior [não compatível com o Google-Meter]
  • y: eixo y à esquerda
  • r: eixo y à direita [não compatível com o Google-o-Meter]

É possível especificar vários eixos do mesmo tipo, por exemplo: cht=x,x,y. Com isso, dois conjuntos de eixos x serão empilhados na parte inferior do gráfico. Isso é útil ao adicionar rótulos personalizados ao longo de um eixo que mostra valores numéricos (veja o exemplo abaixo). Os eixos são desenhados de dentro para fora. Portanto, se você tiver x,x, o primeiro x vai se referir à cópia mais interna, o próximo x vai se referir à próxima cópia externa e assim por diante.

 

Exemplos

Descrição Exemplo

Este exemplo mostra um gráfico de linhas com um eixo x, um eixo y, um eixo superior (t) e um eixo direito (r).

Como nenhum rótulo é especificado, o gráfico assume um intervalo de 0 a 100 para todos os eixos.

Por padrão, os eixos superior e inferior não mostram marcas de seleção ao lado dos rótulos.

Gráfico de linhas com os rótulos 0, 20, 40, 60, 80 e 100 à esquerda e à direita, e os rótulos 0, 25, 50, 75 e 100 acima e abaixo
chxt=x,y,r,t

Você pode incluir vários conjuntos de rótulos para cada eixo incluindo o mesmo valor mais de uma vez. Este exemplo mostra dois conjuntos de eixos x e dois conjuntos de eixos y. Isso não é particularmente útil ao usar apenas os rótulos de eixo padrão, como mostrado aqui. Mas é possível especificar rótulos personalizados para cada cópia de cada eixo, usando o parâmetro chxl.

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x125,translateyx125


<img <code="" dir="ltr" src="/static/chart/image/images/chart_42.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x125


Este exemplo mostra um gráfico de barras horizontais com um eixo x, um eixo y, um eixo t superior e um eixo r direito.

Os rótulos dos eixos são omitidos. Portanto, a API Chart exibe um intervalo de 0 a 100 para os eixos x e t.

O intervalo para o eixo y e o eixo r é determinado pelo número de barras. Nesse caso, há cinco barras, então a API Chart exibe um intervalo de 0 a 4. O primeiro rótulo é centralizado na base da primeira barra, o segundo é centralizado na base da segunda barra e assim por diante.

Gráfico de linhas com os rótulos 0, 20, 40, 60, 80 e 100 à esquerda e à direita, e os rótulos 0, 25, 50, 75 e 100 acima e abaixo
chxt=x,y,r,t

Você pode suprimir os eixos padrão em um gráfico de linhas especificando :nda depois do tipo de gráfico. Gráfico de linhas com eixos ocultos
cht=lc:nda

Voltar ao início

Intervalo do eixo chxr

Você pode especificar o intervalo de valores que aparecem em cada eixo de maneira independente, usando o parâmetro chxr. Isso não altera a escala dos elementos do gráfico, apenas a escala dos rótulos dos eixos. Para que os números dos eixos descrevam os valores reais dos dados, defina <start_val> e <end_val> como os valores máximo e mínimo do intervalo do formato de dados, respectivamente. Consulte Escalonamento de eixos para mais informações.

Se você quiser especificar o intervalo de um eixo, torne-o visível usando o parâmetro chxt.

Para especificar valores de eixo personalizados, use o parâmetro chxl.

Sintaxe

Separe vários intervalos de rótulos dos eixos usando o caractere de barra vertical ( | ).

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<índice_do_eixo>
Em qual eixo aplicar os rótulos. Esse é um índice baseado em zero na matriz de eixo especificada por chxt. Por exemplo, o eixo r seria 1 em chxt=x,r,y.
<start_val>
Um número, que define o valor mínimo do eixo.
<end_val>
Um número, que define o valor mais alto do eixo.
<opt_step>
[Opcional] É a contagem entre as marcações no eixo. Não há valor padrão. A etapa é calculada para tentar mostrar um conjunto de rótulos bem espaçados.

 

Exemplos

Descrição Exemplo

Este exemplo mostra os eixos y à esquerda e à direita (y e r) e um eixo x (x).

Cada eixo possui um intervalo definido. Como nenhum rótulo ou posição é especificado, os valores são retirados do intervalo especificado e são espaçados uniformemente dentro desse intervalo. No gráfico de linhas, os valores são uniformemente distribuídos ao longo do eixo x.

A direção do eixo r é invertida para o eixo r (índice 2), porque o primeiro valor (1000) é maior que o último (0).


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

Neste exemplo, são especificados valores para o eixo x.

Os rótulos dos eixos são espaçados uniformemente ao longo dos eixos. Um valor cinco (5) é especificado para o parâmetro <opt_step>.

Gráfico de barras com 200, 300 e 400 no eixo x chxt=x
chxr=0,10,50,5

Voltar ao início

Rótulos de eixos personalizados chxl

Você pode especificar rótulos personalizados para qualquer eixo usando o parâmetro chxl. Você pode especificar quantos rótulos quiser. Se você exibir um eixo (usando o parâmetro chxt) e não especificar rótulos personalizados, os rótulos numéricos padrão serão aplicados. Para especificar um intervalo numérico personalizado, use o parâmetro chxr.

Para definir locais específicos ao longo do eixo para os rótulos, use o parâmetro chxp.

Sintaxe

Especifique um parâmetro definido para cada eixo a ser rotulado. Separe vários conjuntos de rótulos usando o caractere de barra vertical (|).

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<índice_do_eixo>
Em que eixo aplicar rótulos. Esse é um índice na matriz de parâmetros chxt. Por exemplo, para chxt=x,x,y,y, o índice 0 é o primeiro eixo x e 1 é o segundo.
<label_1>| ... |<label_n>
Um ou mais rótulos a serem colocados ao longo desse eixo. Podem ser valores de string ou numéricos, e as strings não precisam estar entre aspas. label_1 é exibido na posição mais baixa do eixo, e label_n é exibido na posição mais alta. Os outros rótulos são espaçados uniformemente entre eles. Indique os espaços com um sinal de +. Não há como especificar uma quebra de linha em um rótulo. Separe os rótulos com uma barra vertical. Observação : não coloque uma barra vertical depois do rótulo final no parâmetro chxl.

 

Exemplos

Descrição Exemplo

Este gráfico mostra como adicionar rótulos personalizados aos dois eixos. Observe como os valores são espaçados uniformemente e como o último valor chxl não termina com uma barra vertical.

Gráfico de linhas com 0 e 100 à esquerda; A, B e C à direita; Jan, Jul, Jan, Jul e Jan no eixo x e 2005, 2006 e 2007 abaixo
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

Este exemplo inclui rótulos nos eixos y à esquerda e à direita (y e r). Ele também inclui dois conjuntos de valores para o eixo x (x). Adicione marcas de seleção no eixo y usando chxs.

Gráfico de linhas com 0 e 100 à esquerda; A, B e C à direita; Jan, Jul, Jan, Jul e Jan no eixo x e 2005, 2006 e 2007 abaixo
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

Este exemplo inclui rótulos nos eixos y esquerdo e direito (y e r). Ele também inclui dois conjuntos de valores para o eixo x (x). Observe os rótulos vazios para o conjunto do eixo x inferior, usados para espaçar os valores.

Este exemplo usa valores padrão para os rótulos do eixo y da esquerda.

Gráfico de barras com 0 e 100 à esquerda, A, B e C à direita, Jan, Jul, Jan, Jul e Jan no eixo x e 2005, 2006 e 2007 abaixo
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

Se você quiser adicionar um rótulo genérico para descrever um eixo inteiro (por exemplo, para rotular um eixo como "custo" e outro "estudante"), use a propriedade chxt para adicionar mais um eixo em cada lado e, em seguida, use chxl para adicionar um único rótulo personalizado a cada lado e chxp para espaçá-lo no meio do eixo.


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

Voltar ao início

Posições dos rótulos dos eixos chxp

Você pode especificar quais rótulos de eixos serão exibidos, usando os rótulos padrão ou personalizados especificados com chxl. Se você não especificar posições exatas usando esse parâmetro, os rótulos serão espaçados uniformemente e com um valor de taxa padrão ao longo dos eixos. Se você não especificar chxl, os rótulos das marcas de seleção serão os valores padrão (geralmente valores de dados ou números de barras em gráficos de barras).

Sintaxe

Separe vários conjuntos de posicionamento usando o caractere de barra vertical (|).

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<índice_do_eixo>
O eixo para as quais as posições são especificadas. É um índice na matriz de parâmetros chxt. Por exemplo, para chxt=x,x,y,y, o índice 0 é o primeiro eixo x, 1 é o segundo e assim por diante.
<label_1_position>,...,<label_n_position>
A posição do rótulo ao longo do eixo. Essa é uma lista de valores numéricos separados por vírgulas, em que cada valor define a posição do rótulo correspondente na matriz chxl: a primeira entrada se aplica ao primeiro rótulo e assim por diante. A posição é um valor no intervalo do eixo. O valor sempre vai ser de 0 a 100, a menos que você tenha especificado um intervalo personalizado usando chxr. O número de posições precisa ser igual ao número de rótulos do eixo.

 

Exemplos

Descrição Exemplo

Este exemplo inclui rótulos para o eixo r em posições especificadas no gráfico. O texto do rótulo é especificado usando o parâmetro chxl.

Os rótulos com uma posição especificada de 0 são colocados na parte de baixo do eixo y ou r, ou à esquerda do eixo x ou t.

Os rótulos com uma posição especificada de 100 são colocados na parte de cima do eixo y ou r, ou à direita do eixo x ou t.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

Neste exemplo, mostramos os valores de rótulo padrão, mas apenas em locais especificados.

chxp=1,10,35,75: o eixo y deve mostrar apenas três rótulos: 10, 35 e 75. Como nenhum texto de rótulo personalizado foi especificado, esses valores de eixo são mostrados. Observe como não é necessário espaçar os rótulos de maneira uniforme ao usar chxp. Se chxp não tivesse sido especificado aqui, a distância do valor padrão do rótulo no eixo y seria a cada 20 unidades, como mostrado no segundo gráfico.

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

Gráfico de linhas com posições padrão nos eixos.
chxt=x,y
chxp não especificado

Voltar ao início

Estilos dos rótulos dos eixos chxs

Você pode especificar o tamanho, a cor e o alinhamento da fonte dos rótulos de eixo, tanto os rótulos personalizados quanto os valores padrão. Todos os rótulos no mesmo eixo têm o mesmo formato. Se um eixo tem várias cópias, é possível formatar cada uma de maneira diferente. Também é possível especificar o formato de uma string de rótulo, por exemplo, para mostrar símbolos de moeda ou zeros à direita.

Por padrão, os eixos superior e inferior não exibem marcas de seleção pelos valores, enquanto os eixos esquerdo e direito as exibem.

Sintaxe

Os valores de eixos diferentes devem ser separados por uma barra vertical (|).

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
O eixo a que isso se aplica. Esse é um índice baseado em zero para o parâmetro chxt.
<opt_format_string>
[Opcional] Esta é uma string de formato opcional que, se usada, fica logo após o número de índice do eixo, sem uma vírgula intermediária. Ela começa com uma letra N, seguida pelos seguintes valores, todos opcionais: A sintaxe da string de formatação é a seguinte:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Veja o significado de cada elemento:
  • <preceding_text>: texto literal antes de cada valor.
  • *...*: um bloco opcional entre asteriscos literais, em que você pode especificar detalhes de formatação para números. Os valores a seguir são aceitos e são opcionais:
    • <number_type>: o formato de número, para valores numéricos. Escolha uma das seguintes opções:
      • f: [padrão] formato de ponto flutuante. Especifique também a precisão com o valor <decimal_places>.
      • p: formato de porcentagem. O sinal de % é acrescentado automaticamente. Observação:ao usar esse formato, os valores de dados de 0,0 a 1,0 são mapeados para 0 a 100%. Por exemplo, 0,43 será mostrado como 43%.
      • e: formato de notação científica.
      • c<CUR>: formata o número na moeda especificada com o marcador de moeda apropriado. Substitua <CUR> por um código de moeda de três letras. Exemplo: cEUR para euros. Você pode encontrar uma lista de códigos no site da ISO, embora nem todos os símbolos sejam compatíveis.
    • <decimal_places>: um número inteiro que especifica quantas casas decimais devem ser exibidas. O valor é arredondado (não truncado) para esse comprimento. O padrão é 2.
    • z: mostra zeros à direita. O padrão é não.
    • s: exibe separadores de grupos. O padrão é não.
    • x ou y: mostra os dados da coordenada x ou y, conforme especificado. O significado dos dados x varia de acordo com o tipo de gráfico: experimente com o gráfico para determinar o que significa. O padrão é "y".
  • <following_text>: texto literal a ser seguido de cada valor.
<opt_label_color>
A cor a ser aplicada ao texto do eixo (mas não à linha do eixo), no formato hexadecimal RRGGBB. A cor da linha do eixo é especificada separadamente usando opt_axis_color. O padrão é cinza.
<opt_font_size>
[Opcional] especifica o tamanho da fonte em pixels. Este parâmetro é opcional.
<opt_alignment>
[Opcional] Alinhamento do rótulo. Para os eixos superior ou inferior, isso descreve como o rótulo se alinha à marca de seleção acima ou abaixo dele. Para os eixos esquerdo ou direito, isso descreve como o alinhamento é dentro da caixa delimitadora, que toca no eixo. Especifique um destes números:
  • -1: superior ou inferior: as etiquetas ficam à direita das marcas. Esquerda ou direita: as etiquetas são alinhadas à esquerda na área. Padrão para rótulos do eixo r.
  • 0: superior ou inferior: os rótulos são centralizados nas marcações. Esquerda ou direita: os rótulos são centralizados na área. Padrão para rótulos dos eixos x e t.
  • 1: superior ou inferior: as etiquetas ficam à esquerda das marcas. Esquerda ou direita: as etiquetas são alinhadas à direita na área. Padrão para rótulos do eixo y.
<opt_axis_or_tick>
[Opcional; não compatível com o Googleômetro] Define se marcas de seleção e/ou linhas de eixo serão exibidas no eixo. As marcas de seleção e as linhas de eixo só estão disponíveis para os eixos mais internos (por exemplo, não são aceitas para dois eixos x externos). Use um destes valores:
  • l ("L" minúsculo): desenha apenas a linha do eixo.
  • t: desenhe apenas as marcas de seleção. As marcas de seleção são as pequenas linhas ao lado dos rótulos dos eixos.
  • lt: [Padrão] desenhe uma linha do eixo e marcas de seleção para todos os rótulos.
  • _: (Sublinhado) não desenha a linha do eixo nem marcas de seleção. Se quiser ocultar uma linha de eixo, use este valor.
<tick_color>
[Opcional; não compatível com o Googleômetro] A cor da marca de seleção, no formato hexadecimal RRGGBB. O padrão é cinza.
<opt_axis_color>
[Opcional] A cor dessa linha do eixo, no formato hexadecimal RRGGBB. O padrão é cinza.

 

Exemplos

Descrição Exemplo

O tamanho e a cor da fonte são especificados para o segundo eixo x (janeiro, fevereiro, março).

Gráfico de linhas com rótulos mín, média e máx à esquerda, 0, 1, 2, 3 e 4 à direita, 0 a 100 ao longo do eixo x, e Jan, Fev e Mar em azul, embaixo

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

O tamanho da fonte, a cor e o alinhamento são especificados para o eixo y da direita. Esse eixo possui marcas de escala, mas não a linha de eixo.

Gráfico de linhas com 0 a 100 no eixo x, Jan, Fev e Mar na parte inferior, 0 a 4 no eixo y e marcas de escala vermelhas com texto em azul para os rótulos mín, média e máx, à direita.

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

Este gráfico inclui três conjuntos de dados e mostra três conjuntos de rótulos de eixo, um por série. Cada conjunto de rótulos é formatado usando uma string de formatação personalizada, conforme descrito abaixo:

  • 0N*e,000000|
    • 0 significa a primeira série de dados
    • N significa uma string de formatação
    • * significa o início dos especificadores de formato
    • e significa notação científica
    • * significa o fim dos especificadores de formato.
    • 000000 significa texto em preto.
  • 1N*cUSD*Mil,FF0000|
    • 1 significa a segunda série
    • N significa uma string de formatação
    • * significa o início dos especificadores de formato
    • c significa um marcador de moeda.
    • USD especifica o dólar americano como o marcador de moeda a ser usado.
    • * significa o fim dos especificadores de formato
    • Mil é uma string literal que segue
    • FF0000 significa texto em vermelho.
  • 2N*sz2*,0000FF
    • 2 significa a terceira série
    • N significa uma string de formatação
    • * significa o início dos especificadores de formato
    • s significa mostrar especificadores de agrupamento (na localidade em inglês dos EUA, que é uma vírgula a cada três zeros).
    • z2 significa que mostra dois zeros à direita
    • 0000FF significa texto azul.

Os intervalos dos rótulos dos eixos são definidos usando o parâmetro chxr (axis_index, start, end, step). Se não definido, o padrão é de 0 a 100.


chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

Voltar ao início

Estilos das marcas de seleção dos eixos chxtc

Você pode especificar marcas de escala longas para eixos específicos. Normalmente, isso é usado para estender uma marca de seleção ao longo do comprimento de um gráfico. Use o parâmetro chxs para mudar a cor da marcação.

Os valores de vários eixos devem ser separados por uma barra vertical (|). Os valores de uma série precisam ser separados por uma vírgula.

Sintaxe

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
O eixo a que isso se aplica. Esse é um índice baseado em zero para o parâmetro chxt. Separe os valores para eixos diferentes usando um delimitador de barra.
<tick_length_1>,...,<tick_length_n>
Comprimento das marcas de seleção no eixo, em pixels. Se um único valor for informado, ele vai ser aplicado a todos os valores. Se mais de um valor for informado, as marcas do eixo vão percorrer a lista de valores do eixo em questão. Os valores positivos são desenhados para fora da área do gráfico e cortados pelas bordas do gráfico. O valor positivo máximo é 25. Valores negativos são desenhados para dentro da área do gráfico e cortados pelas bordas da área do gráfico.

 

Exemplos

Descrição Exemplo

Exemplo de como usar chxtc para criar marcações longas vermelhas. O comprimento da marca de seleção excede a largura da área do gráfico, mas é cortado para caber no gráfico.

  • chxt=x,y,r,x: mostra um eixo esquerdo, um direito e dois eixos inferiores.
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar: o texto do rótulo atribuído ao eixo "r" (lado direito) e aos eixos x externos.
  • chxp=2,10,35,95: posições personalizadas dos rótulos ao longo do eixo r (índice=2) dos três rótulos.
  • chxs=2,0000dd,13,-1,t,FF0000: estilos de etiqueta do eixo para o eixo r: cor do texto, tamanho do texto, alinhamento à esquerda, com marcas de seleção vermelhas.
  • chxtc=1,10|2,-180: tamanho das marcações dos eixos y e r. O primeiro valor especifica marcas de escala de 10 pixels, fora do eixo. O segundo valor especifica marcações de 180 pixels de comprimento dentro do eixo. O número negativo significa que a marcação é inserida no eixo, e ela é cortada para caber no gráfico.

Gráfico de linhas com 0 a 100 ao longo do eixo x; Jan, Fev e Mar na parte inferior; 0 a 4 no eixo y, e marcas de escala longas e vermelhas com texto em azul para mín, média e máx, à direita.

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

Este gráfico demonstra como alternar o comprimento das marcas de escala. chxtc especifica dois valores de comprimento de marcação para o eixo y (5 e 15), e as marcas desenhadas no gráfico alternam entre os dois valores.
chxt=x,y
chxtc=
  1,5,15

Voltar ao início

Preenchimento de plano de fundo chf [Todos os gráficos]

Você pode especificar cores e estilos de preenchimento para a área de dados do gráfico e/ou para todo o plano de fundo do gráfico. Os tipos de preenchimento incluem uniforme, listrado e gradiente. É possível especificar diferentes preenchimentos para diferentes áreas (por exemplo, toda a área do gráfico ou apenas a área de dados). O preenchimento da área do gráfico substitui o preenchimento do plano de fundo. Todos os preenchimentos são especificados usando o parâmetro chf, e você pode misturar diferentes tipos de preenchimento (sólidos, listras, gradientes) no mesmo gráfico, separando valores com barra vertical ( | ). Os preenchimentos da área do gráfico substituem os preenchimentos do plano de fundo do gráfico.

Preenchimento sólido chf [Todos os gráficos]

Especifique um preenchimento sólido para o plano de fundo e/ou a área do gráfico ou atribua um valor de transparência ao gráfico inteiro. Você pode especificar vários preenchimentos usando o caractere de barra vertical (|). (Maps: apenas para plano de fundo).

Sintaxe

chf=<fill_type>,s,<color>|...
<fill_type>
A parte do gráfico que está sendo preenchida. Especifique um destes valores:
  • bg: preenchimento do plano de fundo
  • c: preenchimento da área do gráfico. Incompatível com gráficos de mapa.
  • a: deixa o gráfico inteiro transparente, incluindo o plano de fundo. Os seis primeiros dígitos de <color> são ignorados, e apenas os dois últimos (o valor de transparência) são aplicados ao gráfico inteiro e aos preenchimentos.
  • b<index>: preenchimento sólido de barras (somente para gráficos de barras). Substitua <index> pelo índice da série de barras a ser preenchida com uma cor sólida. O efeito é semelhante à especificação de chco em um gráfico de barras. Consulte Cores da série do gráfico de barras para conferir um exemplo.
s
Indica um preenchimento sólido ou transparente.
<color>
A cor de preenchimento, no formato hexadecimal RRGGBB. Para transparências, os seis primeiros dígitos são ignorados, mas precisam ser incluídos mesmo assim.

 

Exemplos

Descrição Exemplo

Neste exemplo, o plano de fundo do gráfico é preenchido com cinza claro (EFEFEF).

Gráfico de linha vermelha com preenchimento da área do gráfico em preto.

chf=bg,s,EFEFEF

Este exemplo preenche o plano de fundo do gráfico com cinza claro (EFEFEF) e preenche a área do gráfico em preto (000000).

Gráfico de linha vermelha com área do gráfico em preto e plano de fundo em cinza claro.

chf=c,s,000000|
bg,s,EFEFEF

Esse exemplo aplica uma transparência de 50% ao gráfico inteiro (80 em hexadecimal é 128, ou cerca de 50% de transparência). Observe o plano de fundo das células da tabela aparecendo no gráfico.

Gráfico de dispersão com pontos em azul e transparência de 50%.

chf=a,s,00000080

Voltar ao início

Preenchimento gradiente chf [linha, barras, Googleômetro, radar, dispersão,Venn]

Você pode aplicar um ou mais preenchimentos gradientes à área do gráfico ou plano de fundo. Os preenchimentos em gradiente são esmaecimentos de uma cor para outra. Gráficos de pizza e Googleômetro: somente para segundo plano.

Cada preenchimento de gradiente especifica um ângulo e, em seguida, duas ou mais cores ancoradas em um local especificado. A cor varia à medida que se move de uma âncora para outra. Você precisa ter pelo menos duas cores com valores <color_centerpoint> diferentes, para que uma delas possa aparecer gradualmente. Cada gradiente adicional é especificado por um par <color>,<color_centerpoint>.

Sintaxe

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
A área do gráfico a ser preenchida. Opções:
  • bg: preenchimento do plano de fundo
  • c: preenchimento da área do gráfico.
  • b<index>: preenchimento de gradiente de barras (somente gráficos de barras). Substitua <index> pelo índice da série de barras a ser preenchida com um gradiente. Consulte Cores da série do gráfico de barras para conferir um exemplo.
lg
Especifica um preenchimento de gradiente.
<ângulo>
Um número que especifica o ângulo do gradiente de 0 (horizontal) a 90 (vertical).
<color>
A cor do preenchimento, no formato hexadecimal RRGGBB.
<color_centerpoint>
Especifica o ponto de fixação da cor. A cor vai começar a esmaecer a partir desse ponto à medida que se aproximar de outra âncora. O intervalo de valor é de 0,0 (borda de baixo ou esquerda) a 1,0 (borda superior ou direita), inclinado no ângulo especificado por <angle>.

 

Exemplos

Descrição Exemplo

A área do gráfico tem um gradiente linear horizontal, especificado com um ângulo de zero grau (0).

As cores são pêssego (FFE7C6), centralizada no lado esquerdo (posição 0.0) e azul (76A4FB) centralizado no lado direito (posição 1.0).

O plano de fundo do gráfico é desenhado em cinza (EFEFEF).

Gráfico de linhas em cinza escuro com plano de fundo em cinza claro e área do gráfico em gradiente linear de branco a azul, da esquerda para a direita

chf=
  c,lg,0,
  FFE7C6,0,
(pêssego)
  76A4FB,1
(azul)

A área do gráfico tem um gradiente linear diagonal (do canto inferior esquerdo ao canto superior direito), especificado com um ângulo de 45 graus (45).

Pêssego (FFE7C6) é a primeira cor especificada. A parte inferior esquerda do gráfico está em pêssego.

Azul (6A4FB) é a segunda cor especificada. O canto superior direito do gráfico está em azul. Especificamos um deslocamento de 0, 75 para proporcionar um pico de azul que esmaece em direção ao canto superior direito.

O plano de fundo do gráfico é desenhado em cinza (EFEFEF).

Gráfico de linhas em cinza escuro com plano de fundo em cinza claro e área do gráfico em gradiente linear diagonal de branco a azul, da parte inferior esquerda para a parte superior direita

chf=
  c,lg,45,
  FFE7C6,0,
(pêssego)
  76A4FB,0.75
(azul)

A área do gráfico tem um gradiente linear vertical (de cima para baixo), especificado com um ângulo de 90 graus (90).

Azul (76A4FB) é a primeira cor especificada. A parte superior do gráfico está totalmente em azul.

Pêssego (FFE7C6) é a segunda cor especificada. A parte inferior do gráfico está em pêssego puro.

O plano de fundo do gráfico é desenhado em cinza (EFEFEF).

Gráfico de linhas em cinza escuro com plano de fundo em cinza claro e área do gráfico em gradiente linear vertical de branco a azul, de baixo para cima

chf=
  c,lg,90,
  FFE7C6,0,
(pêssego)
  76A4FB,0.5
(azul)

Voltar ao início

 

Preenchimento listrado chf [linha, barra, Googleômetro, radar, dispersão, Venn]

Você pode especificar um preenchimento listrado para a área do gráfico ou para o gráfico inteiro Gráficos de pizza e Googleômetro: somente para segundo plano.

Sintaxe

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
A área do gráfico a ser preenchida. Opções:
  • bg: preenchimento do plano de fundo
  • c: preenchimento da área do gráfico
  • b<index>: preenchimento listrado de barras (somente gráficos de barras). Substitua <index> pelo índice da série de barras a ser preenchida com listras. Consulte Cores da série do gráfico de barras para conferir um exemplo.
ls
Especifica o preenchimento de listras lineares.
<ângulo>
O ângulo de todas as listras em relação ao eixo Y. Use 0 para listras verticais ou 90 para faixas horizontais.
<color>
A cor da listra, no formato hexadecimal RRGGBB. Repita <color> e <width> para cada faixa adicional. Você precisa usar pelo menos duas listras. As listras se alternam até que o gráfico seja preenchido.
<width>
A largura da listra, de 0 a 1, em que 1 é a largura total do gráfico. As listras se repetem até que o gráfico seja todo preenchido. Repita <color> e <width> para cada listra adicional. Você precisa usar pelo menos duas listras. As listras se alternam até que o gráfico seja preenchido.

 

Exemplos

Descrição Exemplo
  • bg,ls,0: preenchimento listrado em segundo plano com listras em ângulo zero grau em relação ao eixo Y (paralelas ao eixo y). As listras preenchem o plano de fundo e a área do gráfico.
  • CCCCCC,0.15: a primeira listra é cinza-escuro, 15% da largura do gráfico.
  • FFFFFF,0.1: a segunda listra é branca, com 10% da largura do gráfico.
Gráfico de linha azul com listras cinzas e brancas se alternando da esquerda para a direita
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90: área do gráfico com faixas horizontais em um ângulo de 90 graus em relação ao eixo Y. As listras preenchem a área do gráfico, mas o plano de fundo é omitido.
  • 999999,0.25: a primeira listra é cinza-escuro, com 25% da largura do gráfico.
  • CCCCCC,0.25: igual à primeira listra, mas em cinza mais claro.
  • FFFFFF,0.25: igual à primeira listra, mas em branco.
Gráfico de linha azul com listras em cinza escuro, cinza claro, branco e cinza escuro se alternando de baixo para cima
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

Voltar ao início

Funções de dados chfd [Todos os chd gráficos]

Especifique uma função personalizada para executar os dados do gráfico usando a sintaxe da função muParser. Os dados usados na função podem vir de uma das duas fontes a seguir:

  • Uma série de dados de chd: os dados são extraídos da série especificada em chd.
  • Um intervalo de valores declarados no próprio parâmetro chfd: você declara um valor de início, parada e passo para um intervalo de dados arbitrário.

É importante observar que, em todos os casos, você precisa atribuir a saída a uma série atual em chd. Essa série será substituída pela saída da função. O gráfico é renderizado somente depois que todas as funções tiverem sido processadas. Portanto, se você atribuir várias funções para saída à mesma série de dados, as funções serão executadas na ordem determinada, mas apenas o resultado da função final será plotado no gráfico. É possível encadear funções para que uma função possa usar como entrada uma série de saída da função anterior.

Para atribuir cores ou marcadores chm a uma linha de função, atribua as cores ou os marcadores ao índice de série da função. Os marcadores são posicionados de acordo com os dados depois de serem manipulados pela função.

Sintaxe

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>
<output_series_index>
Índice baseado em zero de uma série de dados em chd em que a saída da função será gravada. Todos os dados atuais vão ser completamente substituídos pela saída da função. Se uma série não for usada como entrada para uma função, a prática recomendada será atribuir um único valor fictício a essa série.
<function_data>
As variáveis e os dados a serem representados. Os dados podem ser de um intervalo definido por você ou de uma das séries de dados chd. É possível especificar diversas variáveis para cada função usando um delimitador ; (ponto e vírgula) para diversas variáveis. Se você definir diversas variáveis para uma única função, e essas variáveis tiverem um número diferente de pontos, a função será interrompida quando alcançar o primeiro endpoint. Por exemplo, se uma função definir x=1 a 5 etapa 1 e y=1 a 10 etapa 1, a função terminará quando atingir o quinto ponto.
    <variable_name>,<input_series_index>
        
OU
    <variable_name>,<start>,<end>,<step>
  • variable_name: um nome de string arbitrário para a variável. Use-o na função definida por function_string.
  • input_series_index: o índice de uma série de dados chd a ser usada como dados de entrada.
  • start: o valor numérico inicial de um intervalo.
  • end: o valor numérico final de um intervalo.
  • step: o valor numérico de distância de start a end. Pode ser positivo ou negativo, mas não pode ser zero.
Exemplos: x,0,100,1 declara uma variável chamada x com valores 0, 1, 2, ... 100. x,0,100,1;r,0,3.1,.1 declara a mesma variável x, além de uma variável chamada r com os valores 0, 0,1, 0,2, ..., 3,0, 3,1. x,0 declara uma variável chamada x que usa os dados da primeira série chd. Essas variáveis serão usadas por function_string. Elas não serão representadas no gráfico, a menos que você as especifique em function_string. Quanto menor for o valor do grau, mais suave será o gráfico.
<function_string>
Sua função, escrita na sintaxe muParser. A função é aplicada às variáveis e aos dados especificados em variable_data. Só é possível fazer referência às variáveis declaradas nesse conjunto de funções local, e não em outro conjunto com barras verticais de parâmetros chfd. As funções de resumo muParser não são suportadas (min, max sum, avg). IMPORTANTE:lembre-se de usar %2B em vez de + nas suas funções.

 

Exemplos

Descrição Exemplo

Uma senoide simples. Observações importantes:

  • chd=t:-1: usamos uma variável fictícia para os dados do gráfico, porque nossos dados são declarados no parâmetro chfd.
  • chco=FF0000: o vermelho é especificado para a primeira série. Mesmo que não usemos os dados de chd, a cor correspondente para essa série vai ser usada para a função plotada.
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50: declaramos uma variável, chamada x, com valores de 0 a 11, incrementados em 0,1. Ele é atribuído à primeira série, o que significa que receberá a cor da primeira série (FF0000). A função aplicada a x é sin(x) * 50 + 50. Observe como precisamos codificar o + nessa função.

 

Senoide especificada por chfd
cht=lc
chd=t:-1
chco=FF0000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chxt=x,y
Essa linha usa dados do parâmetro chd.
chd=t:5,10
chfd=0,x,0,x*4

Uma mistura de linhas de função e não função.

Observe como as cores são especificadas pelo parâmetro de cor da série chco.

Observe o posicionamento dos marcadores na saída da função. Os pontos de dados são calculados a partir de start, end e step. Portanto, se o intervalo for de 0 a 11 etapa 0.1, o ponto 0 vai ser 0, o ponto 1 vai ser 0, 1 e assim por diante, até o ponto 110, que tem o valor 11.

Uma série que usa chfd, outra que usa chd para seus dados.
chd=t:
  -1
  15,45
chco=
  FF0000,000000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chm=
  c,00A5C6,0,110,10
  a,00A5C6,0,60,10

Para definir uma função em duas dimensões, use um gráfico lxy, atribua duas séries fictícias e atribua uma função a cada uma.

  • 0,x,0,10,0.1,sin(x)*50%2B50: a série 0 (os valores do eixo x) tem uma variável chamada x, com valores de 0 a 10, etapa 0.1 e uma função sen(x)*50 + 50
  • 0,y,0,10,0.1,sin(y)*50%2B50: a série 0 (os valores do eixo y) tem uma variável chamada y, com valores de 0 a 10, etapa 0.1 e uma função sen(x)*50 + 50
Círculo
cht=lxy
chd=t:-1|-1
chfd=
  0,x,0,10,0.1,sin(x)*50%2B50|
  1,y,0,10,0.1,cos(y)*50%2B50

O parâmetro chfd pode ajudar você a expressar sua criatividade.

Tente clicar nessas imagens para abrir e brincar com elas no playground de gráficos. Você ficará viciado!



Voltar ao início