Esta página descreve todos os recursos e parâmetros suportados pela API de gráficos do Google. Alguns desses parâmetros se comportam de maneira diferente dependendo do tipo de gráfico. Quando esse é o caso, a documentação direciona para a documentação apropriada do gráfico.
Parâmetros
Estes são os parâmetros suportados pela API de gráficos do Google.
Parâmetro | Descrição e sintaxe | Tipos de gráficos |
---|---|---|
chbh | Largura e espaçamento das barras
|
Barra |
chco | Cores da série
chco= |
Bar, Google-o-Meter, Line, Map, Pizza, Radar, Scatter e Venn |
chd | String de dados do gráfico
chd= t:s,e,r,i,e,s,1|s,e,r,i,e,s,2|... ou s:series1,series2,... ou e:series1,series2,... |
Todos os gráficos |
chdl, chdlp, chdls | Estilo e texto da legenda do gráfico
|
Barra, Candlestick, Google-o-Meter, Linha, Pizza, Radar, Dispersão e Venn |
chds | Dimensionar
para formato de texto com intervalo personalizado
chds= |
Todos os gráficos que aceitam chd |
chem | Marcadores
de ícone dinâmicos
chem= |
Barra, Candlestick, Linha, Radar e Dispersão |
chf | Preenchimento
gradiente
chf= |
Barra, Candlestick, Google-o-Meter (somente plano de fundo), Linha, Pizza (apenas plano de fundo), Radar, Dispersão, Venn |
chf | Preenchimento
listrado
chf= |
Barra, Candlestick, Google-o-Meter (somente plano de fundo), Linha, Pizza (apenas plano de fundo), Radar, Dispersão, Venn |
chf | Preenchimento
sólido
chf= |
|
chfd | Funções de dados
chfd= |
Todos os gráficos que podem aceitar chd |
chg | Linhas
de grade
chg= |
Barra, Candlestick, Linha, Radar e Dispersão |
chl | Rótulos do gráfico de pizza, rótulo do Googleômetro
chl=<label>|... |
Google-ômetro, Pizza |
chld | Dados de rótulos de gráficos (vários tipos)
chld=<chart-specific_data>|<chart-specific_data>|... |
Ícones dinâmicos independentes |
chls | Estilos de linha
chls= |
Linha, Radar |
chm=D | Marcadores de linha
chm= |
Barra, Candlestick, Linha, Radar e Dispersão |
chm=r|R | Marcadores de intervalo
chm= |
Barra, Candlestick, Linha, Radar e Dispersão |
chm= a|c|C d|E|o| h|H| s|S| v|V|x |
Marcadores de forma
chm= |
Barra, Candlestick, Linha, Radar e Dispersão |
chm= f|t|A|N |
Marcadores
de texto e valor de dados
chm= |
Barra, Candlestick, Linha, Radar e Dispersão |
chm=F | Marcadores candlestick
chm= |
Barra, Candlestick, Linha |
chm=b/B | Preenchimento
de linhas
chm= |
Barra (apenas com marcadores de linha), linha, Radar |
chma | Margens
do gráfico
chma= |
Barra, Candlestick, Google-o-Meter, Linha, Mapa, Pizza, Radar, Dispersão e Venn |
chof | Formato
de saída
chof=<format> |
Todos os gráficos |
chp | Linha zero do gráfico de barras, Orientação do gráfico de pizza
chp=<zero_val>,... |
Barra, Pizza |
chs | Tamanho
do gráfico
chs=<width>x<height> |
Todos os gráficos |
chst | Tipo
de ícone dinâmico
chst=<icon_string_constant> |
Ícones dinâmicos independentes |
cht | Tipo
de gráfico
cht=<chart_type> |
Todos os gráficos |
chtm | Área
geográfica
chtm=<zoom_area> |
Mapa |
chtt, chts | Título e estilo do gráfico
|
Barra, Candlestick, Google-o-Meter, Linha, Pizza, Radar, Dispersão e Venn |
chxt | Eixos
visíveis
chxt=<axis_1>,... |
Barra, Candlestick, Google-o-Meter, Linha, Radar, Dispersão |
chxr | Intervalos
dos eixos
chxr= |
Barra, Candlestick, Google-o-Meter, Linha, Radar, Dispersão |
chxl | Rótulos
dos eixos
chxl= |
Barra, Candlestick, Google-o-Meter, Linha, Radar, Dispersão |
chxp | Posições dos
rótulos dos eixos
chxp= |
Barra, Candlestick, Google-o-Meter, Linha, Radar, Dispersão |
chxs | Estilos das etiquetas dos eixos
chxs= |
Barra, Candlestick, Google-o-Meter (limitado), Linha, Radar, Dispersão |
chxtc | Estilos de
marcas de seleção dos eixos
chxtc= |
Barra, Candlestick, Linha, Radar e Dispersão |
Especifique cores usando uma string de valores hexadecimais de seis caracteres, mais dois valores de transparência opcionais, no formato RRGGBB[AA]
.
Exemplo:
FF0000
= vermelho00FF00
= verde0000FF
= azul000000
= pretoFFFFFF
= branco
AA
é um valor de transparência opcional, em que 00
é completamente transparente, e FF
é completamente opaco. Exemplo:
0000FFFF
= azul contínuo0000FF66
= azul transparente
Tamanho do gráfico chs
[Todos os gráficos]
É necessário especificar o tamanho de todos os gráficos. Este parâmetro determina a largura e a altura total da imagem do gráfico, incluindo legendas, margens e títulos. As legendas, margens e títulos são cortados para caber no tamanho total do gráfico.
O tamanho máximo para todos os gráficos, exceto mapas, é de 300.000 pixels no total e largura ou comprimento máximo de 1.000 pixels. O tamanho máximo para mapas é 440 x 220.
Os valores são números inteiros.
Sintaxe
chs=<width>x<height>
- <width>
- Largura, em pixels. O valor máximo é de 1.000. A largura x altura não pode exceder 300.000.
- <height>
- Altura, em pixels. O valor máximo é de 1.000. A largura x altura não pode exceder 300.000.
Exemplo
Descrição | Exemplo |
---|---|
Um gráfico de 250 x 100 pixels. |
chs=250x100 |
Tipo de gráfico cht
[Todos, exceto os ícones dinâmicos]
Especifique o tipo de gráfico usando o parâmetro cht
. Consulte as páginas de documentação de gráficos individuais para ver uma lista dos tipos de gráficos disponíveis.
Sintaxe
cht=<type>[:nda]
- <type>
- Um dos valores de tipo de gráfico.
- :nda
- [Opcional, somente gráficos de linhas] É possível adicionar
:nda
depois do tipo de gráfico nos gráficos de linhas para ocultar os eixos padrão.
Exemplos
Descrição | Exemplo |
---|---|
Gráfico de setores |
cht=p |
Diagrama de Venn | cht=v |
Um gráfico de linhas com e sem eixos padrão. | |
Cores da série chco
[Todos os gráficos]
Especifique as cores de uma série específica ou de todos os elementos dela usando o parâmetro chco
. A sintaxe e o significado exatos podem variar de acordo com o tipo de gráfico. Consulte o tipo específico para mais detalhes.
Sintaxe
chco= <series_1_element_1>|...|<series_1_element_n>,<series_2>,...,<series_m>
Cada entrada nessa string é um número hexadecimal no formato RRGGBB. As cores que se aplicam a uma série inteira são delimitadas por vírgula, as cores que se aplicam a elementos individuais de uma série são delimitadas por uma barra. Para a maioria dos tipos de gráficos, é possível misturar descrições de cores para séries inteiras e elementos individuais das séries. Se houver mais séries ou elementos no gráfico do que cores especificadas na string, a API normalmente alterna as cores dos elementos a partir do início da série (para elementos) ou para as cores da série a partir do início da lista de séries. Novamente, consulte a documentação do gráfico para mais detalhes.
Exemplos
Descrição | Exemplo |
---|---|
Quando você especifica uma única cor para cada série em um gráfico de linhas, cada linha recebe a cor correspondente. Este exemplo possui três séries de dados e três cores especificadas. |
|
Esse gráfico de linhas também tem três séries de dados, mas apenas duas cores foram especificadas. Como a cor da terceira série não foi especificada, a terceira linha foi desenhada com a primeira cor (vermelho). |
|
Este exemplo demonstra como especificar uma cor para membros individuais de uma série (neste exemplo, barras). |
|
Isso demonstra a especificação das cores das séries e de elementos individuais. A primeira série está toda em preto (000000). A segunda série, marcada por vírgula, tem cores individuais atribuídas, delimitadas por caracteres |. |
|
Formato de saída chof
[Todos os gráficos]
Você pode escolher o formato de saída do gráfico usando o parâmetro chof. Esse parâmetro também pode ser usado para exibir informações de depuração durante a criação do gráfico. Alguns formatos de saída são gráficos (por exemplo, PNG e GIF), mas outros não. O uso de um formato não gráfico como parâmetro src de uma tag <img> causa uma imagem corrompida na página.
Sintaxe
chof=png|gif|json|validate.
Especifique uma das seguintes strings:
- "png" - retorna o gráfico como uma imagem PNG.
- "gif" – retorna o gráfico como uma imagem GIF.
- "json": retorna os dados do mapa de imagem para o gráfico, como uma string JSON. Isso pode ser usado na geração de um mapa de imagem para o gráfico, tornando várias regiões clicáveis. Consulte Como criar um mapa de imagem de gráfico para saber o formato dessa string e saber como usá-la.
- "validar" - retorna uma página HTML que lista todos os erros no URL do gráfico. Consulte Depuração para ver mais dicas.
Exemplos
Descrição | Exemplo | |
---|---|---|
Veja exemplos em PNG e GIF do mesmo gráfico: |
chof=png |
chof=gif |
Um gráfico com um URL inválido: Especificar |
Exemplo de URL incorreto com chof=validate |
|
Este é o HTML retornado para um URL válido quando |
URL de gráfico válido em um <iframe> |
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 (
|
chtt=Site+visitors+by+month| |
Gráfico com título azul, alinhado à direita e de 20 pontos. |
chtt=Site+visitors |
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 parachdl
.r
: mostra rótulos na ordem inversa, conforme fornecido parachdl
. 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 dochdl
, 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. |
chdl=NASDAQ|FTSE100|DOW
chdl=First|Second|Third |
O primeiro gráfico demonstra entradas de legenda horizontais ( |
|
Este exemplo demonstra a mudança do tamanho da fonte. |
|
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:
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 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 |
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. |
|
Para adicionar uma margem ao redor da legenda, defina um valor para os parâmetros Neste exemplo, a legenda tem largura de aproximadamente 60 pixels. Se você definir |
|
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
): quais eixos exibir. - Intervalo do eixo (
chxr
): intervalo de valores para cada eixo. - Rótulos de eixos personalizados (
chxl
): valores personalizados a serem exibidos no eixo. - Posições dos rótulos dos eixos (
chxp
): colocam os rótulos personalizados ao longo de cada eixo. - Estilos dos rótulos dos eixos (
chxs
): cor, tamanho, alinhamento e formatação dos rótulos dos eixos. - Estilos de marcação do eixo (
chxtc
): tamanho das marcas de seleção para um eixo específico.
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 baixot
: eixo X superior [não compatível com o Google-Meter]y
: eixo y à esquerdar
: 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. |
|
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. |
|
Você pode suprimir os eixos padrão em um gráfico de linhas especificando :nda depois do tipo de gráfico. |
cht=lc:nda |
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 emchxt=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 ( 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 |
|
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 ( |
|
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, parachxt=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 |
chxt=x,y |
Este exemplo inclui rótulos nos eixos y à esquerda e à direita ( |
|
Este exemplo inclui rótulos nos eixos y esquerdo e direito
( Este exemplo usa valores padrão para os rótulos do eixo y da esquerda. |
|
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=x,x,y,y |
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, parachxt=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 usandochxr
. 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 Os rótulos com uma posição especificada de Os rótulos com uma posição especificada de |
|
Neste exemplo, mostramos os valores de rótulo padrão, mas apenas em locais especificados.
|
chxt=x,y
chxt=x,y chxp não especificado |
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:
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
ouy
: 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). |
|
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. |
|
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:
Os intervalos dos rótulos dos eixos são definidos usando o parâmetro |
chd=s: |
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
|
|
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 |
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 fundoc
: 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 dechco
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 ( |
|
Este exemplo preenche o plano de fundo do gráfico com cinza claro ( |
|
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. |
|
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 fundoc
: 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 ( As cores são pêssego ( O plano de fundo do gráfico é desenhado em cinza ( |
|
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 ( Pêssego ( Azul ( O plano de fundo do gráfico é desenhado em cinza ( |
|
A área do gráfico tem um gradiente linear vertical (de cima para baixo), especificado com um ângulo de 90 graus ( Azul ( Pêssego ( O plano de fundo do gráfico é desenhado em cinza ( |
|
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 fundoc
: preenchimento da área do gráficob<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 ou90
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
a1
, em que1
é 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 |
---|---|
|
chf= |
|
chf= |
Linhas de grade chg
[linhas, barras, radares, dispersão]
Você pode especificar linhas de grade sólidas ou pontilhadas no seu gráfico usando o parâmetro chg
.
Esse parâmetro não permite que você especifique a espessura nem a cor das linhas. Para ver mais formas de criar linhas no gráfico, consulte marcadores de forma (chm
tipo h, H, v ou V), marcadores de intervalo (chm
) e marcações de eixo (chxtc
).
Sintaxe
chg= <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
- <x_axis_step_size>, <y_axis_step_size>
- Usado para calcular quantas linhas de grade x ou y mostrar no gráfico. 100 / step_size = quantas linhas de grade há no gráfico. Portanto: 20,25 significaria 5 linhas de grade verticais e 4 linhas de grade horizontais.
- <opt_dash_length>, <opt_space_length>
- [Opcional] Usado para definir linhas de grade tracejadas. O primeiro parâmetro é o comprimento de cada traço da linha de grade, em pixels. O segundo parâmetro é o espaçamento entre os traços, em pixels. Especifique 0 para <opt_space_length> se quiser uma linha sólida. Os valores padrão são 4,1.
- <opt_x_offset>,<opt_y_offset>
- [Opcional] O número de unidades, de acordo com a escala do gráfico, para deslocar as linhas da grade de x e y, respectivamente. Podem ser números positivos ou negativos. Se você especificar esse valor, também precisará especificar todos os valores anteriores. Os valores padrão são 0,0.
Exemplos
Descrição | Exemplo |
---|---|
Estes exemplos usam apenas os parâmetros |
chg=20,50 chg=20,50 |
Este exemplo usa espaços maiores para exibir linhas de grade mais claras ( |
|
Para exibir linhas de grade contínuas, especifique zero ( Este gráfico também especifica um deslocamento de 10 para o eixo x. |
chg=20,50,1,0,10 |
Este gráfico demonstra um deslocamento de 10 no eixo x e de 20 no eixo y. |
chg=20,50,3,3,10,20 |
Estilos de linha chls
[linha, radar]
Você pode especificar a espessura da linha e o estilo sólida/pontilhada com o parâmetro chls
. Esse parâmetro só pode ser usado para estilizar linhas em gráficos de linhas ou de radar. Ele não pode ser usado para estilizar as linhas de um gráfico composto, a menos que o tipo base do gráfico seja de linhas.
Sintaxe
Separe vários estilos de linha com o caractere de
barra vertical ( |
). O primeiro estilo se aplica à primeira linha, o
segundo à próxima e assim por diante. Se você tiver menos estilos que linhas, o estilo padrão será aplicado a todas as linhas não especificadas.
chls= <line_1_thickness>,<opt_dash_length>,<opt_space_length> |...| <line_n_thickness>,<opt_dash_length>,<opt_space_length>
- <line_1_thickness>
- Espessura da linha, em pixels.
- <opt_dash_length>, <opt_space_length>
- [Opcional] Usado para definir linhas de grade tracejadas. O primeiro parâmetro é o comprimento de cada traço da linha de grade, em pixels. O segundo parâmetro é o espaçamento entre os traços, em pixels. Para uma linha sólida, não especifique nenhum valor. Se você especificar somente <opt_dash_length>, <opt_space_length> será definido como <opt_dash_length>. O padrão é 1,0 (uma linha sólida).
Exemplos
Descrição | Exemplo |
---|---|
Aqui, a linha tracejada é especificada por |
chls=3,6,3|5 |
Marcadores de ícones dinâmicos chem
[de barras, linhas, radar, dispersão]
Crie seu gráfico e especifique um ou mais ícones dinâmicos como valores para chem. A sintaxe de chem
é a seguinte. Todos os itens delimitados por ponto e vírgula em roxo são
opcionais e qualquer um pode ser omitido totalmente no URL. Para incluir vários marcadores, inclua diversas strings de sintaxe delimitadas pelo caractere |. Saiba mais sobre ícones dinâmicos na página de ícones dinâmicos.
Também pode incorporar um gráfico dentro de outro como um ícone dinâmico. Consulte a subseção Gráficos incorporados abaixo.
chem= y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
|...| y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
- s=<icon_string_constant>
- Uma constante de marcador de string para um ícone dinâmico, da página de ícones dinâmicos. Essa constante é quase igual ao parâmetro
chst
para ícones independentes. No entanto, quando a string do ícone começar com "d_", remova esse prefixo para receber o marcador de ícone dinâmico equivalente. Exemplo:ícone independente:d_bubble_icon_text_small
; marcador de ícone dinâmico equivalente:bubble_icon_text_small
. - d=<marker_data_string>
- Os dados necessários para este tipo de marcador específico. Ele contém a
mesma string que seria usada em um parâmetro
chld
para um ícone independente equivalente, exceto que todos | os delimitadores precisam ser substituídos por vírgulas. Lembre-se de usar vírgulas em vez de marcadores de barra vertical para texto com várias linhas. Dentro da string de dados, é necessário adicionar escape aos seguintes caracteres com @: barra vertical ( | ) , arroba ( @ ), igual ( = ), vírgula ( , ) e ponto e vírgula ( ; ). Exemplos:hello@,+world
,5@@10+cents+each
. - ds=<which_series>
- [Opcional] O índice da série de dados a que este marcador pertence, com base em zero. O valor padrão é 0.
- dp=<which_points>
- [Opcional] Especifica quais pontos de dados são usados para desenhar marcadores. O valor
padrão é 0 (primeiro ponto da série). Use um dos seguintes formatos:
n.d
: em que ponto de dados desenhar o marcador, em que n.d é o índice da série, começando com zero. Se você especificar um valor não inteiro, a fração indicará um ponto intermediário calculado. Por exemplo, 3,5 significa a meio caminho entre os pontos 3 e 4.range,<start>,<end>,<step>
: desenhe um marcador em cada ponto de dados step em um intervalo de start a end, inclusive. início e fim são valores de índice e podem ser números de ponto flutuante para indicar valores intermediários. Todos os valores são opcionais. O padrão é: início=0, fim=último item, etapa=1. Se você ignorar um valor, ainda precisará incluir vírgulas intermediárias, mas não será necessário incluir vírgulas vazias à direita. Exemplos:dp=range,0,4
mostra um marcador nos elementos 0 a 4,dp=range,5,10,2
mostra um marcador nos elementos 5, 7 e 9,dp=range,2
mostra pontos no terceiro ponto e depois emdp=range,3,,1.5
, a cada 1,5 pontos de dados, do quarto ao último item.all
: desenha um marcador em cada elemento. É equivalente arange,0,end_index
. Exemplo:dp=all
every,n
: desenhe um marcador em cada no marcador. Exemplo:dp=every,2
desenha um marcador nos itens 0, 2 e 4.
- py=<z_order>
- [Opcional] A camada em que o marcador será desenhado, em comparação com outros marcadores e com todos os outros elementos do gráfico. É um número de ponto flutuante de -1,0 a 1,0, inclusive, em que -1,0 é a parte inferior e 1,0 é a parte superior. Os elementos do gráfico (linhas e barras) ficam logo abaixo de zero. Se dois marcadores tiverem o mesmo valor, eles serão desenhados na ordem informada pelo URL. O valor padrão é 0,0 (logo acima dos elementos do gráfico).
- po=<x,y>
- [Opcional] Uma posição absoluta no gráfico em que o marcador é desenhado. "x" e "y" são dois números de ponto flutuante, em que 0.0.0.0 é o canto inferior esquerdo e 1.0.1.0 é o canto superior direito.
- of=<deslocamento_x,y_deslocamento>
- [Opcional] Um número de pixels para deslocar o ícone da posição normal. x_offset e y_offset são números inteiros positivos ou negativos. É importante especificar esse valor em um ícone dinâmico incorporado porque o marcador será centralizado vertical e horizontalmente sobre o ponto, ou seja, o ponto provavelmente não estará alinhado com o marcador de dados. Um bom deslocamento para um alfinete na vertical é
of=0,22
. Um bom deslocamento para um alfinete inclinado éof=-12,20
ouof=12,20
, dependendo da direção da inclinação, mas você pode precisar testar. O valor padrão é 0,0.
Exemplos
Descrição | Exemplo |
---|---|
Veja exemplos do mesmo ícone dinâmico criado como uma imagem independente e usado como marcador em um gráfico de linhas.
Gráfico 1: Gráfico 2: |
|
O marcador de ícone dinâmico é centralizado no ponto horizontal e verticalmente. Portanto, se você usar um ícone dinâmico com cauda, ele não estará no ponto do gráfico, mas sim o centro do marcador. O primeiro gráfico centraliza a marca no ponto de dados 3, o que na verdade coloca a cauda um pouco para a direita da marca na linha. O segundo gráfico usa o valor |
chem=y;
chem=y; |
Para incluir vários ícones dinâmicos, repita a string de sintaxe, delimitada pelo caractere |. Este exemplo mostra um intervalo e dois tipos de marcadores. Os alfinetes verticais são deslocados de 0,22, e o alfinete inclinado tem um deslocamento de 12,20 para alinhar os pontos com a série descrita. |
chem= |
Este exemplo demonstra um marcador com várias linhas de texto. O marcador precisa ser deslocado após a adição do texto, porque a bolha é redimensionada para caber no texto, fazendo com que ele seja recentralizado no gráfico. Observe como as novas linhas no texto são indicadas por vírgulas na string de dados d . |
chem=y; |
Gráficos incorporados
Você pode incorporar um gráfico dentro de outro usando a sintaxe de ícones dinâmicos.
Há dois estilos de marcadores de gráfico incorporados: gráficos incorporados em um balão e gráficos incorporados sem balão. Veja exemplos de ambos:
Gráfico com balão |
Gráfico sem balão |
Veja as
especificidades dos parâmetros s=<icon_string_constant>;d=<marker_data_string>
,
tanto para gráficos incorporados como os que não têm bolhas (os parâmetros cobertos acima não são
descritos novamente aqui):
Sintaxe
Non-bubble: chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset> Bubble: chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
- alignment_string
- [Somente sem balão] A parte do gráfico incorporado sem balão é fixada no ponto de dados. Escolha uma das constantes de string de duas letras no diagrama a seguir:
- chart_data
- Dados do gráfico incorporado. É tudo o que aparece depois de
https://chart.googleapis.com/chart?
no URL do gráfico a ser incorporado. Use a ferramenta abaixo ou siga as regras listadas abaixo da ferramenta. - frame_type
- [Somente balão] Uma das constantes de estilo de frame do ícone dinâmico.
- padding.
- [Somente balão] Preenchimento dentro do balão, em pixels.
- frame_color
- [Somente balão] Cor do frame, como uma string de cor HTML
de seis dígitos sem o símbolo #. Exemplo:
FF00FF
. - fill_color
- [Somente balão] Cor de preenchimento do balão, como uma string de cor HTML
de seis dígitos sem o símbolo #. Exemplo:
FF00FF
.
Dados do gráfico incorporado
Use a ferramenta de conversão a seguir para ajudar a gerar a string do gráfico. Outra alternativa é gerar a string do gráfico manualmente seguindo as regras fornecidas após a ferramenta.
Regras para conversão manual
1. Primeiro, substitua todos os caracteres a seguir nos pares de parâmetro e valor pelos valores a seguir, na ordem mostrada:
Substituir | por |
---|---|
%7C ou %7c |
| |
@ |
@@ |
% |
%25 |
, |
@, |
| |
@| |
; |
@; |
& |
%26 |
= |
%3D |
2. Em seguida, substitua todos os valores &
e =
nos pares parameter1=value1¶meter2=value2...
por vírgulas.
Preenchimento de linhas chm
[linha,
radar]
Você pode preencher a área abaixo de uma linha de dados com uma cor uniforme.
É possível combinar preenchimentos de linha com qualquer outro parâmetro chm
usando uma barra vertical ( |
) para separar os parâmetros chm
.
Sintaxe
chm= <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0> |...| <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
- <b_or_B>
- Indica se vai preencher até a parte de baixo do gráfico ou apenas até a próxima linha.
- B: preencher a partir de
<start_line_index>
até a parte de baixo do gráfico.<end_line_index>
é compatível com uma sintaxe especial que permite preencher um segmento do gráfico. Isso é mais fácil se você tiver um gráfico com uma única linha que queira preencher. - b - preencher entre duas linhas de um gráfico com várias linhas. As linhas de início e término são indicadas por
<start_line_index>
e<end_line_index>
.
- B: preencher a partir de
- <color>
- Um número hexadecimal no formato RRGGBB da cor de preenchimento.
- <start_line_index>
- O índice da linha em que o preenchimento começa. A primeira série de dados especificada em
chd
tem um índice de zero (0
), a segunda série de dados tem um índice de1
e assim por diante. - <end_line_index>
-
- Tipo de preenchimento "b" - a linha na qual parar o preenchimento. Essa linha precisa estar abaixo da linha atual.
- Tipo de preenchimento
"B": uma das seguintes opções:
- qualquer valor: qualquer número único nesse parâmetro é ignorado, e o preenchimento vai da linha especificada até a base do gráfico.
- start:end: para preencher uma fatia vertical abaixo do gráfico, especifique start:end, em que esses são os índices de pontos de dados que descrevem onde começar e parar o preenchimento. Os dois valores são opcionais e o padrão é first_point:last_point. (veja o exemplo a seguir).
- <0>
- Reservado — precisa ser zero.
Exemplos
Descrição | Exemplo |
---|---|
Para uma única série, é mais simples usar É o único tipo de área de preenchimento disponível para os gráficos de radar. |
|
Veja um gráfico com duas linhas e dois preenchimentos. O preenchimento da área abaixo da linha inferior e acima da linha superior exige uma técnica especial, que veremos a seguir. |
|
Em um gráfico de várias linhas, para preencher do topo do gráfico até a primeira linha, inclua uma série que contenha duas cópias do valor de dados mais alto para o formato de dados. Por exemplo, " Para preencher da última linha até a parte inferior do gráfico, inclua uma série que contenha duas cópias do menor valor de dados para o formato de dados. Por exemplo, AAAA para codificação estendida, 0,0 para formato de texto básico e assim por diante. As linhas são desenhadas em preto usando |
chd=e: (valor mais alto) (valor zero)chm= (azul-claro) b,224499,1,2,0| (azul) b,FF0000,2,3,0| (vermelho) b,80C65A,3,4,0 (verde)chco=000000 |
Este é um gráfico de linhas que contém faixas verticais com preenchimento. Isso é feito especificando um par start:end para <end_line_index> com o tipo de preenchimento de linha "B".
|
chm= |
Este exemplo mostra o uso de preenchimento de linha em um gráfico de radar. |
chm= |
Marcadores de forma chm
[barra, linha, radar, dispersão]
É possível especificar marcadores gráficos para todos ou pontos de dados individuais em um gráfico. Se dois ou mais marcadores ocuparem o mesmo ponto, eles serão desenhados na ordem em que aparecem no parâmetro chm
.
Você também pode criar marcadores de texto em pontos de dados. Isso é abordado em Marcadores de ponto de dados.
Você pode combinar marcadores de forma com qualquer outro parâmetro chm
usando uma barra vertical ( |
) para separar os parâmetros chm
.
Sintaxe
Especifique um conjunto dos parâmetros a seguir para cada série a ser marcada. Para marcar diversas séries, crie outros conjuntos de parâmetros, delimitados por barra vertical. Não é necessário marcar todas as séries. Quando uma série de dados não é atribuída, nenhum marcador é atribuído a ela.
Os marcadores de forma se comportam de maneira um pouco diferente nos gráficos de dispersão. Consulte a respectiva documentação para mais informações.
chm= [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset> |...| [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
- @
- [Opcional] Se você colocar o caractere @ opcional antes do tipo de marcador, <opt_which_points>, usar o formato x:y.
- <marker_type>
- O tipo de marcador a ser usado. Especifique um dos tipos
a seguir:
a
: setac
- CruzC
: retângulo. Se um marcador de retângulo é usado, é preciso ter pelo menos duas séries de dados, em que a série 0 especifica a borda de baixo e a série 1 especifica a borda de cima. <size> especifica a largura do retângulo, em pixels.d
: diamanteE
: marcador de barra de erro ( ). Esse marcador precisa de duas séries de dados para criar, um valor para a parte inferior e o ponto correspondente na segunda série para a parte superior. Ele também expõe uma sintaxe <size> estendida: line_thickness[:top_and_bottom_width], em que top_and_bottom_width é opcional. Veja os exemplos a seguir.h
: linha horizontal no gráfico com uma altura especificada. O único formato válido para o parâmetro <opt_which_points> é n.d.H
: linha horizontal pelo marcador de dados especificado. É compatível com uma sintaxe <size> estendida, que permite especificar um comprimento de linha exato: line_thickness[:length], em que :length é opcional e o padrão é a largura completa da área do gráfico.o
: círculos
: quadradov
: linha vertical do eixo x até o ponto de dadosV
: linha vertical de comprimento ajustável. É compatível com uma sintaxe de valor <size> estendida que permite especificar um comprimento de linha exato: line_thickness[:length], em que :length é opcional e o padrão é a altura completa da área do gráfico. O marcador é centralizado no ponto de dados.x
: um X
- <color>
- A cor dos marcadores desta série, no formato hexadecimal RRGGBB.
- <series_index>.
- : o índice da série de dados em que os marcadores vão ser desenhados, com base em zero. Ignorado para marcadores
h
e que especificam a localização pela posição x/y (começa com o caractere @). Você pode usar séries de dados ocultas como uma fonte para marcadores. Consulte Gráficos compostos para mais informações. Os gráficos de barras verticais agrupadas são compatíveis com uma sintaxe estendida especial para alinhar marcadores com barras específicas. - <opt_which_points> (em inglês)
- [Opcional] Em quais pontos desenhar marcadores. O padrão é todos os marcadores. Use um destes valores:
n.d
: onde desenhar o marcador. O significado depende do tipo de marcador:- Todos os tipos, exceto h: em qual ponto de dados o marcador será desenhado, em que n.d é o índice da série a partir de zero. Se você especificar um valor não inteiro, a fração indicará um ponto intermediário calculado. Por exemplo, 3,5 significa metade do caminho entre os pontos 3 e 4.
h
: um número de 0,0 a 1,0, em que 0,0 é a parte inferior do gráfico e 1,0 é a parte superior dele.
-1
: desenha um marcador em todos os pontos de dados. Você também pode deixar esse parâmetro vazio para desenhar em todos os pontos de dados.-n
: desenhe um marcador em cada no ponto de dados. Valor de ponto flutuante: se n for menor que 1, o gráfico calculará pontos intermediários adicionais para você. Por exemplo, -0,5 coloca o dobro de marcadores que pontos de dados.start:end:n
: desenha um marcador em cada no ponto de dados de um intervalo, incluindo os valores de índice start e end. Todos os parâmetros são opcionais (podem estar ausentes), portanto, 3::1 seria do quarto elemento para o último, etapa 1, e a omissão desse parâmetro inteiramente usaria first:last:1. Todos os valores podem ser números de ponto flutuante, ou seja, start e end podem ser negativos, para contar de maneira retroativa a partir do último valor. Se start e end forem negativos, verifique se estão listados em valor crescente (por exemplo, -6:-1:1). Se o valor da etapa n for menor que 1, ele calculará pontos de dados adicionais, interpolando os valores de dados fornecidos. Os valores padrão são first:last:1x:y
: desenhe um marcador em um ponto X/y específico do gráfico. Este ponto não precisa estar em uma linha. Adicione o caractere @ antes do tipo de marcador para usar essa opção. Especifique as coordenadas como valores de ponto flutuante, em que0:0
é o canto inferior esquerdo do gráfico e1:1
é o canto superior direito dele. Por exemplo, para adicionar um losango vermelho de 15 pixels ao centro de um gráfico, use@d,FF0000,0,0.5:0.5,15
.
- <size>
- O tamanho do marcador, em pixels. A maioria usa um único valor numérico para esse parâmetro. Os marcadores V, H e S são compatíveis com a sintaxe <size>[:width], em que a segunda parte opcional especifica o comprimento da linha ou do marcador.
- <opt_z_order>
- [Opcional] A camada em que o marcador será desenhado, em comparação com outros marcadores e com todos os outros elementos do gráfico. Esse é um número de ponto flutuante de -1,0 a 1,0, inclusive, em que -1,0 é a parte inferior e 1,0 é a parte superior. Os elementos do gráfico (linhas e barras) ficam logo abaixo de zero. Se dois marcadores tiverem o mesmo valor, eles serão desenhados na ordem informada pelo URL. O valor padrão é 0,0 (logo acima dos elementos do gráfico).
- <opt_offset>
- [Opcional] Permite especificar deslocamentos horizontais e verticais a partir do local especificado. Esta é a sintaxe, que usa um delimitador : (
reserved:<horizontal_offset>:<vertical_offset>
): Se especificado, você pode incluir um valor vazio ,, na string de parâmetrochm
para <opt_z_order>. Exemplos:o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20
- reservado: deixe em branco.
<horizontal_offset>
: um número positivo ou negativo que especifica o deslocamento horizontal, em pixels. Opcional. Deixe em branco se não for usado.<vertical_offset>
: um número positivo ou negativo que especifica o deslocamento vertical, em pixels. Opcional. Deixe em branco se não for usado.
Exemplos
Descrição | Exemplo |
---|---|
Veja um exemplo de vários marcadores de forma e linha.
|
chm= |
Este é um exemplo que usa losangos para uma série de dados e círculos para a outra. Se dois ou mais marcadores ocuparem o mesmo ponto, eles serão desenhados na ordem em que aparecem no parâmetro |
chm= |
Este é um gráfico de linhas com um marcador a cada dois pontos de dados (-2 significa a cada dois pontos). |
chd=t: |
Este é um gráfico de linhas com o dobro de marcadores que os pontos de dados (-0,5 significa a cada meio ponto). | chd=t: |
Este exemplo mostra como usar os marcadores h e v para criar linhas de grade com cores e espessura personalizadas. O valor da ordem z (o último valor) é definido como -1 para que as linhas da grade sejam desenhadas abaixo da linha de dados. |
chm= |
Este gráfico adiciona linhas de preenchimento verticais a um gráfico de linhas:
|
chm= |
Neste exemplo, uma seta e um marcador de texto são adicionados ao gráfico usando coordenadas exatas. O primeiro marcador D é a linha traçada abaixo das barras. O segundo marcador é a seta, e o terceiro é o texto da seta. | chm= |
Uma linha horizontal fixada a um ponto de dados específico (H ) pode ser útil para mostrar valores relativos ou enfatizar a altura de um valor de dados em um gráfico. |
chm=H,FF0000,0,18,1 |
Este gráfico demonstra os marcadores que podem especificar a espessura e o comprimento da linha no parâmetro <size>.
|
title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2,5:50%chm=
|
Marcadores de texto e valor de dados chm
[barra, linha, radar, dispersão]
Você pode rotular pontos específicos no gráfico com texto personalizado ou com versões formatadas dos dados.
É possível combinar qualquer marcador chm
usando uma barra vertical ( |
) para separar os conjuntos de parâmetros chm
.
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
Especifique um conjunto dos parâmetros a seguir para cada série a ser marcada. Para marcar diversas séries, crie outros conjuntos de parâmetros, delimitados por barra vertical. Não é necessário marcar todas as séries. Se você não atribuir marcadores a uma série de dados, ela não receberá marcadores.
chm= <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement> |...| <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
- <marker_type>
- O tipo de marcador a ser usado. Você pode escolher um dos seguintes tipos:
f<text>
: uma sinalização contendo texto. Especifique o caractere "f", seguido de texto personalizado codificado para URL. Para adicionar vírgulas em marcadores de texto, coloque um sinal de \ antes da vírgula. Exemplo:fHello\,+World!
t<text>
: um marcador de texto simples. Especifique o caractere "t" seguido de texto personalizado codificado para URL. Para adicionar vírgulas em marcadores de texto, coloque um sinal de \ antes da vírgula. Exemplo:tHello\,+World!
A<text>
: um marcador de anotação. Ele é semelhante a um marcador de sinalização, mas os marcadores coordenam a própria posição para que não se sobreponham. O único formato válido para <opt_which_points> é n.d para indicar o índice de um ponto da série.N<formatting_string>
: o valor dos dados nesse ponto, com formatação opcional. Se você não usar o parâmetrochds
(escalonamento personalizado), ele fornecerá o valor codificado exato. Se você usar esse parâmetro com qualquer tipo de formato, o valor será dimensionado para o intervalo que você especificar. Veja um exemplo dechds
com marcadores numéricos abaixo. Com esse tipo de marcador em um gráfico de barras empilhadas, se você especificar -1 para <series_index>, receberá um marcador que mostra a soma de todos os valores nessa barra empilhada. A sintaxe da string de formatação é a seguinte:
<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
.
Todos esses elementos são opcionais. Veja o significado de cada elemento:<preceding_text>
: texto que precede 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
ouy
: 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 a ser seguido de cada valor.
- <color>
- A cor dos marcadores deste conjunto, no formato hexadecimal RRGGBB.
- <series_index>.
- : o índice da série de dados em que os marcadores vão ser desenhados, com base em zero. Se for um gráfico de barras empilhadas e o tipo de marcador for N (valores de pontos de dados), você poderá especificar -1 para criar um marcador de valor somado para cada pilha de barras. Veja abaixo um exemplo.
- <opt_which_points> (em inglês)
- [Opcional] Em quais pontos desenhar marcadores. O padrão é todos os marcadores. Use
um dos seguintes valores:
n.d
: em qual ponto de dados desenhar o marcador, em que n.d é o índice da série, começando com zero. Se você especificar um valor não inteiro, a fração vai indicar um ponto intermediário calculado. Por exemplo, 3,5 significa metade do caminho entre os pontos 3 e 4.-1
: desenha um marcador em todos os pontos de dados. Você também pode deixar esse parâmetro vazio para desenhar em todos os pontos de dados.-n
: desenhe um marcador em cada no ponto de dados.start:end:n
: desenha um marcador em cada n-ésimo ponto de dados de um intervalo, incluindo os valores de índice start e end. Todos os parâmetros são opcionais (podem estar ausentes), portanto, 3::1 seria do quarto elemento para o último, etapa 1, e a omissão desse parâmetro inteiramente usaria first:last:1. Todos os valores podem ser números de ponto flutuante, ou seja, start e end podem ser negativos, para contar de maneira retroativa a partir do último valor. Se start e end forem negativos, verifique se estão listados em valor crescente (por exemplo, -6:-1:1). Se o valor de grau n for menor que 1, ele calculará pontos de dados adicionais, interpolando os valores de dados fornecidos. Os valores padrão são first:last:1x:y
: [incompatível com marcadores do tipo N] desenhe um marcador em um ponto x/y específico no gráfico. Esse ponto não precisa estar em uma linha. Adicione o caractere arroba (@
) antes do tipo de marcador para usar essa opção. Especifique as coordenadas como valores de ponto flutuante, em que0:0
é o canto inferior esquerdo,0.5:0.5
é o centro e1:1
é o canto superior direito. Por exemplo, para adicionar um losango vermelho de 15 pixels ao centro de um gráfico, use@d,FF0000,0,0.5:0.5,15
.
- <size>
- : o tamanho do marcador em pixels. Se for um gráfico de dispersão com uma terceira série de dados (usada para especificar tamanhos de pontos), esse valor será dimensionado pelo intervalo de dados. Portanto, se o intervalo de dados for de 0 a 100 e <size> for 30, um valor de dados de 100 teria 30 pixels de largura, um valor de dados de 50 teria 15 pixels de largura e assim por diante.
- <opt_z_order>
- [Opcional] A camada em que o marcador será desenhado, em comparação com outros marcadores e com todos os outros elementos do gráfico. Esse é um número de ponto flutuante de -1,0 a 1,0, inclusive, em que -1,0 é a parte inferior e 1,0 é a parte superior. Os elementos do gráfico (linhas e barras) ficam logo abaixo de zero. Se dois marcadores tiverem o mesmo valor, eles serão desenhados na ordem informada pelo URL. O valor padrão é 0,0 (logo acima dos elementos do gráfico).
- <opt_placement>
- [Opcional] São detalhes adicionais do canal que descrevem onde colocar este marcador em relação ao ponto de dados. É possível especificar o posicionamento relativo horizontal e/ou vertical, bem como deslocamentos. A sintaxe de posicionamento é uma string com delimitadores :, conforme mostrado aqui. Todos os elementos são opcionais:
<horizontal_and_vertical_justification>:<horizontal_offset>:<vertical_offset>
. Se especificado, é possível incluir um valor vazio ,, na string de parâmetrochm
para <opt_z_order>. Exemplos:N,000000,0,1,10,,b
,N,000000,0,1,10,,lv
eN,000000,0,1,10,,r::10
.- horizontal_and_vertical_justification
- O ponto de fixação do marcador. Esse comportamento é oposto à justificativa. Portanto, uma âncora à esquerda coloca o marcador à direita do ponto de dados. É possível escolher um justificador horizontal
e/ou vertical da seguinte lista:
- Posicionamento horizontal: "l", "h" ou "r": ancorado à esquerda, no centro ou à direita, horizontalmente. O padrão é "l".
- Posicionamento vertical: "b", "v", "t": ancorado na parte de baixo, no meio ou na parte de cima da tela, verticalmente. O padrão é "b".
- Posicionamento relativo à barra [somente gráficos de barras]: "s", "c", "e": base, centro ou parte de cima de uma barra. Para gráficos empilhados, isso está relacionado à seção da barra de cada série, não à barra inteira. Se o índice de série fornecido for -1 (total da pilha), isso está em relação à barra inteira. Pode ser combinado com valores de posicionamento verticais, por exemplo, "be" ou "vs". O valor padrão é "e".
- horizontal_offset
- Um deslocamento horizontal para o marcador, em pixels. O padrão é 0.
- vertical_offset
- Um deslocamento vertical para o marcador, em pixels. Padrão do gráfico que não é de barras: 15. Padrão do gráfico de barras: 2.
Descrição | Exemplo | |
---|---|---|
Veja um exemplo de rótulos de valor em um gráfico de barras. O primeiro gráfico ( O segundo gráfico ( |
|
|
É possível usar o parâmetro Este exemplo mostra um gráfico com valores de codificação simples de 46, 39, 29, 30, 43, 41. O intervalo da codificação simples é de 0 a 61.
. O parâmetro |
chd=s:underp |
|
Veja um exemplo de gráfico com um rótulo de texto no ponto mínimo e um rótulo de sinalização no ponto máximo. |
|
|
Este exemplo mostra um gráfico empilhado com valores para séries individuais, além do total da série. Para mostrar os valores das séries empilhadas, é preciso usar a opção de posicionamento "c". Caso contrário, o valor da barra superior se sobrepõe ao valor da soma no topo de cada barra. | chm= |
|
Mais algumas demonstrações de como o posicionamento vertical e horizontal funcionam. Este exemplo demonstra várias combinações de valores de âncora para gráficos de barras (que usam s, c e e para posicionamento vertical). Observe como uma âncora à direita move um marcador para a esquerda, uma âncora superior move um marcador para baixo e vice-versa. Os pontos em vermelho mostram a base, centro e topo de cada barra. O número é o valor dos dados, fixado com diferentes valores de âncora para cada barra. | chm= |
|
Os marcadores de anotação ajustam automaticamente a posição dos rótulos para que eles não se sobreponham. O primeiro valor de chm é para o preenchimento da linha. Os valores a seguir são todos marcadores de anotação. |
chm=B,C5D4B5BB,0,0,0 |
|
Outro exemplo de marcador de anotação demonstra as altitudes das cidades da Suíça. |
Marcadores de intervalo chm
[barra, candlestick, linha, radar, dispersão]
Você pode colorir faixas horizontais ou verticais do preenchimento do plano de fundo para destacar áreas específicas do gráfico.
É possível combinar qualquer marcador chm
usando uma barra vertical ( |
) para separar os conjuntos de parâmetros chm
.
Sintaxe
Especifique um conjunto dos parâmetros a seguir para cada faixa a ser desenhada. Para desenhar várias faixas, crie outros conjuntos de parâmetros, delimitados por barra vertical. Os intervalos são desenhados na ordem especificada, portanto, o último intervalo será desenhado sobre os intervalos anteriores.
chm= <direction>,<color>,0,<start_point>,<end_point> |...| <direction>,<color>,0,<start_point>,<end_point>
- <direction>
- Especifica o sombreamento horizontal ou vertical. Use
r
para um intervalo horizontal eR
para um intervalo vertical. - <color>
- A cor do intervalo como um número hexadecimal no formato RRGGBB.
- 0
- Reservado — precisa ser zero.
- <start_point>
- A posição inicial do intervalo.
- Para marcadores de intervalo horizontais, essa é uma posição no eixo y, em que
0.00
é a parte de baixo do gráfico e1.00
é a parte de cima dele. - Para marcadores de intervalo vertical, é uma posição no eixo x, em que
0.00
é a esquerda do gráfico e1.00
é a direita do gráfico.
- <end_point>
- A posição final do intervalo.
- Para marcadores de intervalo horizontais, essa é uma posição no eixo y, em que
0.00
é a parte de baixo do gráfico e1.00
é a parte de cima dele. - Para marcadores de intervalo vertical, é uma posição no eixo x, em que
0.00
é a esquerda do gráfico e1.00
é a direita do gráfico.
Exemplos
Descrição | Exemplo |
---|---|
Marcadores de intervalos podem ser uma linha fina ou uma faixa de cor.
|
|
Este exemplo mostra marcadores de intervalo verticais. O primeiro é uma linha vermelha ( |
|
Os marcadores são desenhados na ordem especificada. Neste exemplo, observe que o marcador vertical vermelho foi desenhado antes do marcador horizontal em azul claro. |
chm= |
Veja um exemplo de gráfico de linhas que usa marcadores de intervalo para desenhar linhas horizontais claras no gráfico na linha zero, na linha do ponto médio e na parte superior. |
|
Marcadores candlestick chm=F
[barra, linha]
Esses marcadores indicam a variação e a mudança de direção em uma série de dados. Muitas vezes, eles são usados para mostrar valores de ações ao longo de um dia. O marcador inclui segmentos que mostram o valor alto e baixo, além do valor de abertura e fechamento de um período específico (normalmente um dia). Para saber mais sobre os marcadores de vela, clique aqui.
Um marcador vela é desenhado como um retângulo dividido ao meio por uma linha vertical. São necessárias quatro séries de dados para desenhar um marcador de vela. Veja o que cada série especifica:
- As séries 1 e 4 especificam a parte de baixo e a parte de cima da linha vertical, respectivamente. Normalmente, eles representam os valores mais baixos e mais altos do dia.
- As séries 2 e 3 especificam as bordas verticais do retângulo. A série 2 é o valor de abertura e a série 3 é o valor de fechamento. A cor do retângulo depende de qual é maior: quando o valor de abertura (série 2) é menor que o valor de fechamento (série 3), o preço aumentou e o retângulo é preenchido com verde constante por padrão. Quando o valor de abertura (série 2) é maior que o valor de fechamento (série 3), o preço diminuiu, e o retângulo é preenchido com vermelho sólido por padrão. Só é possível especificar uma cor de preenchimento para o retângulo com valor decrescente. Quando você especifica isso, o retângulo com valor crescente fica vazio (vazio). A série 2 pode ser a parte de cima ou de baixo do retângulo, dependendo se o preço subiu ou desceu.
É possível combinar marcadores de vela com qualquer outro parâmetro chm
usando uma barra vertical ( |
) para separar os parâmetros chm
.
Observação:se você não quiser que as linhas dos dados usados para desenhar os marcadores apareçam no gráfico, inclua um 0 após o tipo de formato. Por exemplo: chd=t0:10,20,30,40
em uma string de dados em formato de texto. Consulte Gráficos compostos para mais informações.
Este é um exemplo que mostra as linhas para cada série:
Sintaxe
chm= F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
- F)
- Indica que este é um marcador candlestick.
- <opt_declining_color>
- [Opcional] Cor de preenchimento dos retângulos quando o valor está diminuindo (quando o valor da série 2 é igual ao valor correspondente da série 3). Esse é um número hexadecimal no formato RRGGBB. Quando os valores aumentam, o retângulo fica vazio. O padrão é verde constante para aumentar e vermelho para diminuir (não é possível especificar uma cor de preenchimento personalizada para valores crescentes).
- <data_series_index>
- O índice da série de dados a ser usada como a primeira série para os marcadores candlestick. Esse índice começa no zero. Portanto, se você especificar 1 aqui e tiver seis séries, a segunda, terceira, quarta e quinta serão usadas para desenhar marcadores de vela.
- <opt_which_points> (link em inglês)
- [Opcional] Especifica quais pontos de dados são usados para desenhar marcadores. O padrão é todos os marcadores. Use um
dos seguintes formatos:
n.d
: desenha um marcador em um único ponto da série, em que n.d é o índice do ponto da série. Se você especificar um valor não inteiro, a fração indicará um ponto intermediário calculado. Por exemplo, 3,5 significa metade do caminho entre os pontos 3 e 4.-1
: desenha um marcador em todos os pontos de dados. Você também pode deixar esse parâmetro vazio para desenhar todos os marcadores.-n
: desenhe um marcador em cada no ponto de dados.start:end:n
: desenha um marcador em cada n-ésimo ponto de dados de um intervalo, incluindo os valores de índice start e end. Todos os parâmetros são opcionais (podem estar ausentes), portanto, 3::1 seria do quarto elemento para o último, etapa 1, e a omissão desse parâmetro inteiramente usaria first:last:1. Todos os valores podem ser números de ponto flutuante, ou seja, start e end podem ser negativos, para contar de maneira retroativa a partir do último valor. Se start e end forem negativos, verifique se estão listados em valor crescente (por exemplo, -6:-1:1). Se o valor de grau n for menor que 1, ele calculará pontos de dados adicionais, interpolando os valores de dados fornecidos. Os valores padrão são first:last:1
- <largura>
- A largura de todos os retângulos, em pixels.
- <opt_z_order>
- [Opcional] A camada em que o marcador será desenhado, em comparação com outros marcadores e com todos os outros elementos do gráfico. Esse é um número de ponto flutuante de -1,0 a 1,0, inclusive, em que -1,0 é a parte inferior e 1,0 é a parte superior. Os elementos do gráfico (linhas e barras) ficam logo abaixo de zero. Se dois marcadores tiverem o mesmo valor, eles serão desenhados na ordem informada pelo URL. O valor padrão é 0,0 (logo acima dos elementos do gráfico).
Exemplos
Descrição | Exemplo |
---|---|
Confira a seguir um exemplo de marcadores de vela em um gráfico de linhas com quatro séries. A cor de preenchimento personalizada O primeiro e último retângulos são cortados pelo gráfico. Para eliminar esses valores, especifique 1:4 para o quarto parâmetro de chm. Observe o zero na string de dados para ocultar as linhas da série: O parâmetro <which_point> está em branco, o que desenha velas em todos os pontos de dados. |
chd=t0: |
Veja um exemplo do mesmo gráfico, usando as cores padrão e removendo o primeiro e o último item. Ele é uma combinação de um gráfico de linhas (o tipo de gráfico base) e marcadores candlestick. O valor de 1 em |
|
Marcadores de linha chm=D
[barra, vela, linha, radar, dispersão]
É possível adicionar uma linha que trace os dados no seu gráfico. Na maioria das vezes, ele é usado em gráficos compostos.
Para adicionar várias linhas (ou combinar com outros marcadores chm
), separe os conjuntos de parâmetros chm usando uma barra vertical ( |
). Não é possível criar um marcador de linha tracejada com esse parâmetro.
Sintaxe
chm= D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
- D
- Indica que este é um marcador de linha.
- <color>
- A cor da linha, no formato hexadecimal RRGGBB.
- <series_index>.
- O índice da série de dados usada para desenhar a linha. O índice da série de dados é
0
para a primeira série de dados,1
para a segunda e assim por diante. - <which_points>
- Quais pontos de uma série usar para desenhar a linha. Use um
dos seguintes valores:
0
: usa todos os pontos da série.start:end
: usa um intervalo específico de pontos da série, de start ao end, inclusive (índice baseado em zero). Use também valores de ponto flutuante para especificar pontos intermediários ou deixe start ou end em branco para indicar o primeiro ou o último ponto de dados, respectivamente. start e end podem ser negativos, como um índice inverso do último valor. Se start e end forem negativos, escreva-os em valor crescente (por exemplo, -6:-1).
- <size>
- A largura da linha em pixels.
- <opt_z_order>
- [Opcional] A camada em que o marcador será desenhado, em comparação com outros marcadores e com todos os outros elementos do gráfico. Esse é um número de ponto flutuante de -1,0 a 1,0, inclusive, em que -1,0 é a parte inferior e 1,0 é a parte superior. Os elementos do gráfico (linhas e barras) ficam logo abaixo de zero. Se dois marcadores tiverem o mesmo valor, eles serão desenhados na ordem informada pelo URL. O valor padrão é 0,0 (logo acima dos elementos do gráfico).
Exemplos
Descrição | Exemplo |
---|---|
Este é um exemplo de como desenhar um marcador de linha em um gráfico de barras.
A ordem z é definida como |
chm=D,0033FF,0,0,5,1 |
Este é o mesmo gráfico de barras, mas com uma série de dados adicional apenas para a linha. É um exemplo de gráfico composto.
Os gráficos compostos são desenhados adicionando outras séries de dados ao parâmetro Consulte Gráficos compostos para mais informações. |
chm=D,0033FF,1,0,5,1 |
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 emchd
. - 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.
x,0,100,1
declara uma variável chamadax
com valores 0, 1, 2, ... 100.x,0,100,1;r,0,3.1,.1
declara a mesma variávelx
, além de uma variável chamadar
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ériechd
. 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:
|
cht=lc |
Essa linha usa dados do parâmetro chd . |
chd=t:5,10 |
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 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. |
chd=t: |
Para definir uma função em duas dimensões, use um gráfico
|
cht=lxy |
O parâmetro Tente clicar nessas imagens para abrir e brincar com elas no playground de gráficos. Você ficará viciado! |