Nome |
animação.duração |
É a duração da animação em milissegundos. Para mais detalhes, consulte a
documentação de animação.
Tipo: número
Padrão: 0
|
animação.easing |
A função de easing aplicada à animação. As seguintes opções estão disponíveis:
- "linear" - Velocidade constante.
- 'in' - Facilidade em - Começar devagar e acelerar.
- "out" - "easing" - comece rápido e desacelere.
- "InAndOut" - facilidade dentro e fora - Inicie devagar, acelere e, em seguida, desacelere.
Tipo: string
Padrão: "linear"
|
animação.startup |
Determina se o gráfico vai ser animado no desenho inicial. Se true , o gráfico será iniciado no valor de referência e será animado para o estado final.
Tipo: booleano
Falso padrão
|
anotações.AlwaysOutside |
Nos gráficos de
barras e
colunas, se definidos como true , todas as anotações
são desenhadas fora da barra/coluna.
Tipo: booleano
Padrão:falso
|
anotações.datum |
Para gráficos com suporte a
anotações,
o objeto annotations.datum permite substituir a
escolha dos gráficos do Google para anotações fornecidas para elementos de dados
individuais (como valores exibidos com cada barra em um gráfico de
barras). Você pode controlar a cor
com annotations.datum.stem.color , o comprimento do tronco
com annotations.datum.stem.length e o estilo com annotations.datum.style .
Tipo: objeto
Padrão:a cor é "preta", o comprimento é 12 e o estilo é "ponto".
|
anotações.domínio |
Para gráficos compatíveis com anotações, o objeto annotations.domain permite substituir a escolha de gráficos do Google para anotações fornecidas para um domínio (o maior eixo do gráfico, como o eixo X em um gráfico de linhas típico). Você pode controlar a cor
com annotations.domain.stem.color , o comprimento do tronco
com annotations.domain.stem.length e o estilo com annotations.domain.style .
Tipo: objeto
Padrão: a cor é "preta", o comprimento é 5, e o estilo é "ponto".
|
anotações.boxStyle |
Para gráficos compatíveis com
anotações,
o objeto annotations.boxStyle controla a aparência das caixas
ao redor das anotações:
var options = {
annotations: {
boxStyle: {
// Color of the box outline.
stroke: '#888',
// Thickness of the box outline.
strokeWidth: 1,
// x-radius of the corner curvature.
rx: 10,
// y-radius of the corner curvature.
ry: 10,
// Attributes for linear gradient fill.
gradient: {
// Start color for gradient.
color1: '#fbf6a7',
// Finish color for gradient.
color2: '#33b679',
// Where on the boundary to start and
// end the color1/color2 gradient,
// relative to the upper left corner
// of the boundary.
x1: '0%', y1: '0%',
x2: '100%', y2: '100%',
// If true, the boundary for x1,
// y1, x2, and y2 is the box. If
// false, it's the entire chart.
useObjectBoundingBoxUnits: true
}
}
}
};
No momento, essa opção é compatível com gráficos de área, barra, coluna, combinação, linha e dispersão. Ela
não é compatível com o
gráfico de anotações.
Tipo: objeto
Padrão: nulo
|
anotações.highContrast |
Para gráficos compatíveis com
anotações,
o booleano annotations.highContrast permite modificar a escolha dos
gráficos do Google na cor da anotação. Por padrão, annotations.highContrast é verdadeiro, o que faz com que
os gráficos selecionem uma cor de anotação com bom contraste: cores claras em planos de fundo escuros e
escuro na luz. Se você definir annotations.highContrast como falso e não especificar a cor da sua própria anotação, os gráficos do Google usarão a cor padrão da série para a anotação:
Tipo: booleano
Padrão: verdadeiro
|
anotações.stem |
Para gráficos compatíveis com
anotações,
o objeto annotations.stem permite substituir
a escolha dos gráficos do Google pelo estilo da raiz. Você pode controlar a cor
com annotations.stem.color e o comprimento do tronco
com annotations.stem.length . Observe que a opção de
comprimento da base não tem efeito nas anotações com
o estilo 'line' : para anotações de datum
'line' , o comprimento da raiz é sempre o mesmo que o texto.
Para as anotações de domínio 'line' , a derivação se estende
por todo o gráfico.
Tipo: objeto
Padrão: a cor é "preta", e o comprimento é 5 para anotações do domínio e 12 para anotações de datum.
|
anotações.style |
Para gráficos com suporte a
anotações,
a opção annotations.style permite substituir
a escolha do tipo de anotação nos Gráficos Google. Pode ser
'line' ou 'point' .
Tipo: string
Padrão: "point"
|
anotações.textStyle |
Para gráficos compatíveis com
anotações,
o objeto annotations.textStyle controla a aparência do texto da
anotação:
var options = {
annotations: {
textStyle: {
fontName: 'Times-Roman',
fontSize: 18,
bold: true,
italic: true,
// The color of the text.
color: '#871b47',
// The color of the text outline.
auraColor: '#d799ae',
// The transparency of the text.
opacity: 0.8
}
}
};
No momento, essa opção é compatível com gráficos de área, barra, coluna, combinação, linha e dispersão.
Ela não é compatível com o
gráfico de anotações
.
Tipo: objeto
Padrão: nulo
|
TitleTitleSPosition |
Onde colocar os títulos dos eixos em comparação com a área do gráfico Os valores suportados são:
- in - Desenhar os títulos dos eixos dentro da área do gráfico.
- out - desenha os títulos do eixo fora da área do gráfico.
- nenhum: omita os títulos dos eixos.
Tipo: string
Padrão: "out"
|
backgroundColor |
A cor do plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples,
por exemplo: 'red' ou '#00cc00' , ou um objeto com as seguintes
propriedades.
Tipo:string ou objeto
Padrão: "branco"
|
backgroundColor.stroke |
A cor da borda do gráfico, como uma string de cor HTML.
Tipo: string
Padrão: "#666"
|
backgroundColor.strokeWidth |
A largura da borda em pixels.
Tipo:número
Padrão:0
|
backgroundColor.fill |
A cor de preenchimento do gráfico, como uma string de cor HTML.
Tipo: string
Padrão: "branco"
|
Largura do grupo |
A largura de um grupo de barras, especificada em um destes formatos:
- Pixels (por exemplo, 50).
- Porcentagem da largura disponível para cada grupo (por exemplo, "20%"), em que "100%" indica que não há espaço entre eles.
Tipo:número ou string
|
bares |
Indica se as barras em um
gráfico de barras do Material
são verticais ou horizontais. Essa opção não afeta os gráficos de barras clássicos nem os de colunas clássicas.
Tipo: "horizontal" ou "vertical"
Padrão: "vertical"
|
Área do gráfico |
Um objeto com membros para configurar a posição e o tamanho da área do gráfico (em que o próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels. Um número seguido por % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}
Tipo: objeto
Padrão: nulo
|
chartArea.backgroundColor |
Cor de fundo da área do gráfico. Quando usada, uma string pode ser hexadecimal (por exemplo, "#fdc") ou o nome da cor em inglês. Quando um objeto é usado, é possível
fornecer as seguintes propriedades:
stroke : a cor, fornecida como uma string hexadecimal ou nome de cor em inglês.
-
strokeWidth : se fornecido, desenha uma borda ao redor da área do gráfico da largura especificada (e com a cor stroke ).
Tipo:string ou objeto
Padrão: "branco"
|
gráficoArea.left |
Até onde desenhar o gráfico da borda esquerda.
Tipo: número ou string
Padrão: automático
|
gráficoArea.top |
Até onde desenhar o gráfico da borda superior.
Tipo: número ou string
Padrão:automático
|
gráficoArea.largura |
Largura da área do gráfico.
Tipo:número ou string
Padrão:automático
|
gráficoArea.height |
Altura da área do gráfico.
Tipo: número ou string
Padrão:automático
|
Chart.subtitle |
Em Gráficos do Material, essa opção especifica o subtítulo. Somente os gráficos do Material Design oferecem suporte para legendas.
Tipo: string
Padrão:nulo
|
gráfico.título |
Em Gráficos do Material, essa opção especifica o título.
Tipo: string
Padrão:nulo
|
Cores |
As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'] .
Tipo:matriz de strings
Padrão:cores padrão
|
Opacidade dos dados |
A transparência dos pontos de dados, com 1.0 sendo completamente opaco e 0.0 totalmente transparente.
Nos gráficos de dispersão, histograma, barra e coluna, isso se refere aos dados visíveis: pontos no
gráfico de dispersão e retângulos nos outros. Nos gráficos em que a seleção de dados cria um ponto, como os gráficos de linhas e áreas, isso se refere aos círculos que aparecem ao passar o cursor ou selecionar. O gráfico de combinação exibe os dois comportamentos, e essa opção não afeta outros gráficos. Para mudar a opacidade de uma linha de tendência, consulte
opacidade da linha de tendência
.
Tipo: número
Padrão:1.0
|
enableInteractivity |
Se o gráfico gera eventos com base no usuário ou reage à interação do usuário. Se for falso, o gráfico não gerará "select" ou outros eventos baseados em interação (mas fará eventos prontos ou de erro) e não exibirá texto passando ou mudará de acordo com a entrada do usuário.
Tipo: booleano
Padrão:verdadeiro
|
explorer |
A opção explorer permite que os usuários movam e apliquem zoom nos gráficos do Google.
explorer: {} oferece o comportamento padrão do explorador, permitindo que os usuários movam a tela na horizontal e na vertical arrastando e usando a rolagem para aumentar e diminuir o zoom.
Esse recurso é experimental e pode mudar em versões futuras.
Observação:o explorador só funciona com eixos contínuos (como números ou datas).
Tipo: objeto
Padrão:nulo
|
explorer.ações |
O explorador de gráficos do Google é compatível com três ações:
-
dragToPan : arraste para movimentar o gráfico na horizontal e na vertical. Para movimentar
apenas pelo eixo horizontal, use explorer: { axis: 'horizontal' } .
O mesmo ocorre com o eixo vertical.
-
dragToZoom : o comportamento padrão do explorador é aumentar e diminuir o zoom quando o usuário rolar a tela. Se explorer: { actions: ['dragToZoom', 'rightClickToReset'] } for usado, arrastar uma área retangular aumenta o zoom nessa área. Recomendamos usar
rightClickToReset sempre que dragToZoom for usado. Consulte explorer.maxZoomIn , explorer.maxZoomOut e explorer.zoomDelta para ver as personalizações de zoom.
-
rightClickToReset : quando você clica com o botão direito do mouse no gráfico, ele é retornado ao nível de zoom e movimentação original.
Tipo: matriz de strings
Padrão: ['dragToPan', 'rightClickToReset']
|
explorador.eixo |
Por padrão, os usuários podem movimentar horizontal e verticalmente quando a opção explorer é usada. Se você quiser que os usuários se movam apenas na horizontal, use explorer: { axis: 'horizontal' } . Da mesma forma,
explorer: { axis: 'vertical' } permite movimentar somente a indústria.
Tipo: string
Padrão: deslocamento horizontal e vertical
|
explorer.keepInBounds |
Por padrão, os usuários podem movimentar tudo, independentemente da localização dos dados. Para garantir que não sejam deslocados além do gráfico original, use explorer: { keepInBounds: true } .
Tipo: booleano
Padrão:falso
|
explorer.maxZoomIn |
O máximo que o explorador pode aumentar o zoom. Por padrão, os usuários poderão aumentar o zoom o suficiente
para ver apenas 25% da visualização original. A definição de explorer: { maxZoomIn: .5 } permitiria que os usuários aumentassem o zoom apenas para ver metade da visualização original.
Tipo: número
Padrão: 0,25
|
explorer.maxZoomOut |
O máximo que o explorador pode diminuir o zoom. Por padrão, os usuários podem diminuir o zoom o suficiente para que o gráfico ocupe apenas 1/4 do espaço disponível. Definir
explorer: { maxZoomOut: 8 } permitirá que os usuários diminuam o zoom o suficiente para que o gráfico
ocupe apenas 1/8 do espaço disponível.
Tipo:número
Padrão: 4
|
explorador.zoomDelta |
Quando os usuários aumentam ou diminuem o zoom, o explorer.zoomDelta determina o zoom.
Quanto menor o número, mais suave e mais lento o zoom.
Tipo: número
Padrão: 1,5
|
Meta de foco |
É o tipo da entidade que recebe o foco ao passar o cursor. Também afeta qual entidade é selecionada pelo clique do mouse e qual elemento da tabela de dados está associado aos eventos. Será um dos seguintes valores:
- "Dados" - Foque em um único ponto de dados. Correlaciona-se com uma célula na tabela de dados.
-
"category" - Concentre-se em um agrupamento de todos os pontos de dados ao longo do eixo principal. Correlaciona-se com uma
linha na tabela de dados.
Na função "target" "category", a dica mostra todos os valores de categoria. Isso pode ser útil
para comparar valores de séries diferentes.
Tipo: string
Padrão: "datum"
|
fontSize |
O tamanho de fonte padrão, em pixels, de todo o texto do gráfico. É possível modificar isso usando propriedades para elementos específicos do gráfico.
Tipo: número
Padrão: automático
|
Nome da fonte |
A fonte padrão para todo o texto no gráfico. É possível modificar isso usando propriedades para elementos específicos do gráfico.
Tipo: string
Padrão: "Arial"
|
FrameIForce |
Desenha o gráfico dentro de um frame inline. No IE8, essa opção é ignorada. Todos os gráficos do IE8 são desenhados em i-frames.
Tipo: booleano
Padrão:falso
|
hexadecimais |
Especifica propriedades para eixos horizontais individuais, se o gráfico tiver vários eixos horizontais. Cada objeto filho é um objeto hAxis e pode conter todas as propriedades
compatíveis com hAxis . Esses valores substituem as configurações globais da
mesma propriedade.
Para especificar um gráfico com vários eixos horizontais, primeiro defina um novo eixo usando series.targetAxisIndex . Em seguida, configure o eixo usando hAxes . O
exemplo a seguir atribui a série 1 ao eixo inferior e especifica um título e estilo de texto
personalizados para ele:
series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses',
textStyle:{color: 'red'}}}
Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos,
cada uma com um rótulo numérico que especifica o eixo que define. Esse é o formato mostrado
acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto hAxis mostrado acima:
hAxes: {
{}, // Nothing specified for axis 0
{
title:'Losses',
textStyle: {
color: 'red'
}
} // Axis 1
Tipo: matriz de objeto ou objeto com objetos filhos
Padrão: nulo
|
híbrido |
Um objeto com membros para configurar vários elementos de eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui:
{
title: 'Hello',
titleTextStyle: {
color: '#FF0000'
}
}
Tipo: objeto
Padrão: nulo
|
hAxis.baseline |
A linha de base do eixo horizontal.
Tipo:número
Padrão:automático
|
hAxis.baselineColor |
A cor do valor de referência do eixo horizontal. Pode ser qualquer string de cor HTML, por exemplo:
'red' ou '#00cc00' .
Tipo: número
Padrão: "preto"
|
haxis.direction |
A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para
inverter a ordem dos valores.
Tipo: 1 ou -1
Padrão:1
|
hAxis.format |
Uma string de formato para rótulos de eixo numérico. Esse é um subconjunto do
conjunto de padrões de ICU
. Por exemplo, {format:'#,###%'} exibirá os valores "1.000%",
"750%" e "50%" para os valores 10, 7,5 e 0,5. Também é possível fornecer
o seguinte:
{format: 'none'} : exibe números sem formatação (por exemplo, 8000000)
-
{format: 'decimal'} : exibe números com separadores de milhares (por exemplo, 8.000.000)
-
{format: 'scientific'} : exibe números em notação científica (por exemplo, 8e6)
-
{format: 'currency'} : exibe números na moeda local
(por exemplo, US$ 8.000.000)
-
{format: 'percent'} : exibe números como porcentagens (por exemplo, 800.000.000%)
{format: 'short'} : exibe números abreviados (por exemplo, 8 mi)
{format: 'long'} : exibe números como palavras completas (por exemplo, 8 milhões)
A formatação real aplicada ao rótulo é derivada da localidade com que a API foi carregada. Para mais detalhes, consulte Como carregar gráficos com uma localidade específica.
Ao calcular valores de marcação e linhas de grade, várias combinações
alternativas de todas as opções relevantes
serão consideradas, e as alternativas serão rejeitadas se os
rótulos de marcação formatados forem duplicados ou se sobrepuserem.
Portanto, especifique format:"#"
se quiser mostrar apenas valores de marcação inteiros.
No entanto, se nenhuma alternativa atender a essa condição,
nenhuma grade ou marcação será exibida.
Tipo: string
Padrão:automático
|
hAxis.gridlines |
Um objeto com propriedades para configurar as linhas de grade no eixo horizontal.
As linhas de grade do eixo horizontal são desenhadas verticalmente. Para especificar
propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui:
{color: '#333', minSpacing: 20}
Tipo: objeto
Padrão: nulo
|
hAxis.gridlines.color |
A cor das linhas de grade horizontais dentro da área do gráfico. Especifique uma string de cor HTML
válida.
Tipo: string
Padrão: "#CCC"
|
hAxis.gridlines.count |
O número aproximado de linhas de grade horizontais na área do gráfico.
Se você especificar um número positivo para a gridlines.count ,
ela vai ser usada para calcular o minSpacing entre as linhas de grade.
Especifique um valor de 1 para desenhar apenas uma linha de grade, ou 0 para desenhar nenhuma linha de grade.
Especifique -1, que é o padrão,
para calcular automaticamente o número de linhas de grade
com base em outras opções.
Tipo: número
Padrão: -1
|
hAxis.gridlines.units |
Substitui o formato padrão para vários aspectos dos tipos de dados de data/hora/hora do dia quando
usado com linhas de grade calculadas de acordo com o gráfico. Permite a formatação de anos, meses, dias, horas, minutos, segundos e milissegundos.
O formato geral é:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Mais informações podem ser encontradas em
Datas e horas.
Tipo: objeto
Padrão:nulo
|
hAxis.minorGridlines |
Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à
opção hAxis.gridlines.
Tipo: objeto
Padrão:nulo
|
hAxis.minorGridlines.color |
A cor das linhas de grade secundárias horizontais dentro da área do gráfico. Especifique uma string de cor HTML
válida.
Tipo: string
Padrão:uma combinação da linha de grade e das cores do plano de fundo
|
hAxis.minorGridlines.count |
A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade secundárias
definindo a contagem como 0. O número de linhas de grade secundárias agora depende
totalmente do intervalo entre
as principais linhas de grade (consulte hAxis.gridlines.interval )
e o espaço mínimo necessário
(consulte hAxis.minorGridlines.minSpacing ).
Tipo:número
Padrão: 1
|
hAxis.minorGridlines.units |
Substitui o formato padrão para vários aspectos de tipos de dados de data/hora/hora do dia quando
usado com gráfico de grade calculado. Permite a formatação de anos, meses, dias, horas,
minutos, segundos e milissegundos.
O formato geral é:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Mais informações podem ser encontradas em
Datas e horas.
Tipo: objeto
Padrão:nulo
|
hAxis.logScale |
Propriedade hAxis que faz com que o eixo horizontal seja uma escala logarítmica (exige que todos
os valores sejam positivos). Defina como "true" para sim.
Tipo: booleano
Padrão:falso
|
hAxis.scaleType |
Propriedade hAxis que faz com que o eixo horizontal seja uma escala logarítmica. Será um dos seguintes valores:
- null: nenhum escalonamento logarítmico é executado.
-
"log": escalonamento logarítmico. Os valores negativos e zero não são representados no gráfico. Essa opção é igual à configuração de
hAxis: { logscale: true } .
-
"MirrorLog": escalonamento logarítmico em que valores negativos e zero são representados no gráfico. O valor plotado de um número negativo é o negativo do registro do valor absoluto. Valores próximos a 0 são representados em uma escala linear.
Tipo: string
Padrão: nulo
|
hAxis.textStyle |
Um objeto que especifica o estilo de texto do eixo horizontal. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores compatíveis: "out",
"in", "none".
Tipo: string
Padrão: "out"
|
Marcações de relógio. |
Substitui as marcações do eixo X geradas automaticamente pela matriz especificada. Cada elemento da
matriz precisa ser um valor de marcação válido (como um número, data, data/hora ou
hora do dia) ou um objeto. Se for um objeto, ele precisa ter uma propriedade v para
o valor de marcação e uma propriedade f opcional contendo a string literal a ser
exibida como o rótulo.
A viewWindow será expandida automaticamente para incluir as marcações mínima e máxima, a menos que você especifique um viewWindow.min ou viewWindow.max para substituir.
Exemplos:
hAxis: { ticks: [5,10,15,20] }
hAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
hAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
-
hAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }
Tipo:matriz de elementos
Padrão: automático
|
hAxis.title |
Propriedade hAxis que especifica o título do eixo horizontal.
Tipo: string
Padrão:nulo
|
hAxis.titleTextStyle |
Um objeto que especifica o estilo do texto do título do eixo horizontal. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.maxValue |
Move o valor máximo do eixo horizontal para o valor especificado; ele será direcionado para a direita na maioria dos gráficos. Será ignorado se esse valor for menor que o valor máximo de x dos dados.
hAxis.viewWindow.max modifica esta propriedade.
Tipo:número
Padrão: automático
|
hAxis.minValue |
Move o valor mínimo do eixo horizontal para o valor especificado. Esse valor será deixado para a esquerda na maioria dos gráficos. Será ignorado se esse valor for maior que o valor x mínimo dos dados.
hAxis.viewWindow.min modifica esta propriedade.
Tipo: número
Padrão:automático
|
hAxis.viewWindowMode |
Especifica como dimensionar o eixo horizontal para renderizar os valores na área do gráfico. Os
seguintes valores de string são compatíveis:
-
"pretty": dimensione os valores horizontais para que os valores máximo e mínimo de dados sejam
renderizados um pouco à esquerda e à direita da área do gráfico.
O viewWindow é expandido para a linha de grade principal mais próxima para números ou a linha de grade secundária mais próxima para datas e horários.
-
"maximizado": dimensione os valores horizontais para que os valores máximo e mínimo de dados toquem na área esquerda e direita da área do gráfico.
haxis.viewWindow.min e haxis.viewWindow.max vão ser ignorados.
-
"explicita": uma opção obsoleta para especificar os valores de escala esquerdo e direito da área do gráfico. Descontinuado porque é redundante com
haxis.viewWindow.min e haxis.viewWindow.max . Valores de dados fora desses valores serão cortados. É
necessário especificar um objeto hAxis.viewWindow descrevendo os valores máximos e
mínimos a serem mostrados.
Tipo: string
Padrão:equivalente a "pretinho", mas haxis.viewWindow.min e
haxis.viewWindow.max têm precedência, se usados.
|
hAxis.viewWindow |
Especifica o intervalo de corte do eixo horizontal.
Tipo: objeto
Padrão: nulo
|
hAxis.viewWindow.max |
O valor máximo de dados horizontais para renderização.
Ignorado quando hAxis.viewWindowMode é "bonito" ou "maximizado".
Tipo: número
Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo mínimo de dados horizontais para renderização.
Ignorado quando hAxis.viewWindowMode é "bonito" ou "maximizado".
Tipo:número
Padrão: automático
|
altura |
Altura do gráfico, em pixels.
Tipo: número
Padrão:altura do elemento em questão
|
empilhado |
Se definido como verdadeiro, empilha os elementos para todas as séries em cada valor de domínio.
Observação:nos gráficos
Column,
Area e
SteppedArea, o Google Graph inverte a ordem dos itens de legenda para corresponder melhor ao empilhamento dos
elementos da série (por exemplo, a série 0 será o item de legenda mais abaixo). Isso
não se aplica a gráficos de
barras.
A opção isStacked também é compatível com o empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar até 100%.
As opções para isStacked são:
-
false : os elementos não serão empilhados. Essa é a opção padrão.
-
true : empilha os elementos para todas as séries em cada valor de domínio.
-
'percent' : empilha os elementos para todas as séries em cada valor de domínio e os
redimensiona para que totalizem 100%, com o valor de cada elemento calculado como uma
porcentagem de 100%.
-
'relative' : empilha os elementos para todas as séries em cada valor de domínio e os redimensiona para que adicionem até 1, com o valor de cada elemento calculado como uma fração de 1.
-
'absolute' : funciona da mesma forma que isStacked: true .
Para 100% de empilhamento, o valor calculado de cada elemento aparecerá na dica depois do
valor real.
Por padrão, o eixo desejado vai usar valores de escala com base na escala relativa de 0 a 1, como frações de 1 a 'relative' , e de 0 a 100% em 'percent' . Observação: ao usar a opção 'percent' , os valores de eixo/marcação serão exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1.
Isso ocorre porque as marcações de eixo percentual são resultado do uso de um formato de "#.##%" nos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent' , especifique
as marcações/linhas de grade usando os valores de escala relativos de 0 a 1. Você pode personalizar as
linhas de grade/valores de marcação e formatação usando as opções hAxis/vAxis apropriadas.
O empilhamento de 100% é compatível apenas com valores de dados do tipo number e precisa ter um valor de referência de zero.
Tipo: booleano/string
Padrão:falso
|
lenda |
Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse
objeto, use a notação literal de objeto, conforme mostrado aqui:
{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: objeto
Padrão:nulo
|
legenda.pagina |
Índice inicial selecionado da página com base em zero da legenda.
Tipo: número
Padrão: 0
|
legenda.posição |
Posição da legenda. Será um dos seguintes valores:
- "bottom" – abaixo do gráfico.
-
"left" - à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas a ele.
Portanto, se você quiser a legenda à esquerda, use a opção
targetAxisIndex: 1 .
- "in": dentro do gráfico, no canto superior esquerdo.
- "none": nenhuma legenda é exibida.
- "right" - à direita do gráfico. Incompatível com a opção
vAxes .
- "top" - acima do gráfico.
Tipo: string
Padrão: "right"
|
legenda.alinhamento |
Alinhamento da legenda. Será um dos seguintes valores:
- "start": alinhado ao início da área alocada para a legenda.
- 'center' - centralizado na área alocada para a legenda.
- 'end' - Alinhado ao final da área alocada para a legenda.
O início, o centro e o fim são relativos ao estilo (vertical ou horizontal) da legenda.
Por exemplo, em uma legenda "direita", "início" e "fim" estão na parte superior e inferior, respectivamente.
Para uma legenda "superior", "início" e "fim" estariam à esquerda e à direita da área,
respectivamente.
O valor padrão depende da posição da legenda. Para legendas "inferior", o padrão é
"center", outras legendas padrão são "start".
Tipo: string
Padrão: automático
|
legenda.Estilodetexto |
Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
categorias inversas |
Se definida como verdadeira, a série será desenhada de baixo para cima. O padrão é desenhar de cima para baixo.
Tipo: booleano
Padrão:falso
|
orientação |
A orientação do gráfico. Quando definido como 'vertical' , gira os eixos do gráfico para que, por exemplo, um gráfico de colunas se torne um gráfico de barras e um gráfico de área cresça para a direita em vez de para cima:
Tipo: string
Padrão: "horizontal"
|
Série |
Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão para uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:
-
annotations : um objeto a ser aplicado em anotações desta série. Isso
pode ser usado para controlar, por exemplo, o textStyle da série:
series: {
0: {
annotations: {
textStyle: {fontSize: 12, color: 'red' }
}
}
}
Consulte as diversas opções de annotations para ver uma lista mais completa do que pode ser personalizado.
-
color : a cor a ser usada para esta série. Especifique uma string de cor HTML válida.
-
labelInLegend : a descrição da série que aparece na legenda do gráfico.
-
targetAxisIndex : a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que diferentes séries são renderizadas em diferentes eixos. Pelo menos uma série está alocada ao eixo padrão. Você pode definir uma escala diferente para cada eixo.
-
visibleInLegend : um valor booleano, em que verdadeiro significa que a série precisa
ter uma entrada de legenda e false significa que não deve. O padrão é "true".
É possível especificar uma matriz de objetos, sendo que cada uma delas se aplica à série na ordem
fornecida, ou especificar um objeto em que cada filho tem uma chave numérica indicando a
qual série ela se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda:
series: [
{color: 'black', visibleInLegend: false}, {}, {},
{color: 'red', visibleInLegend: false}
]
series: {
0:{color: 'black', visibleInLegend: false},
3:{color: 'red', visibleInLegend: false}
}
Tipo: matriz de objetos ou objetos com objetos aninhados
Padrão:{}
|
tema |
Um tema é um conjunto de valores de opção predefinidos que funcionam juntos para alcançar um comportamento
ou efeito visual específico. Atualmente, apenas um tema está disponível:
-
"maximized" - maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico. Define as seguintes opções:
chartArea: {width: '100%', height: '100%'},
legend: {position: 'in'},
titlePosition: 'in', axisTitlesPosition: 'in',
hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}
Tipo: string
Padrão: nulo
|
title |
Texto a ser exibido acima do gráfico.
Tipo: string
Padrão:sem título
|
Posição do título |
Onde colocar o título do gráfico, em comparação com a área do gráfico. Os valores suportados são:
- in - Desenhar o título dentro da área do gráfico.
- out - desenhe o título fora da área do gráfico.
- nenhum: omita o título.
Tipo: string
Padrão: "out"
|
TítulodoEstiloEstilo |
Um objeto que especifica o estilo do texto do título. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
dica |
Um objeto com membros para configurar vários elementos de dica. Para especificar as propriedades desse
objeto, use a notação literal de objeto, conforme mostrado aqui:
{textStyle: {color: '#FF0000'}, showColorCode: true}
Tipo: objeto
Padrão: nulo
|
tooltip.ignoreBounds |
Se definido como true , permite que o desenho de dicas flua para fora dos limites do gráfico em todos os lados.
Observação: isso se aplica somente a dicas de HTML. Se ele estiver ativado com dicas de ferramentas SVG, qualquer
estouro fora dos limites do gráfico será cortado. Consulte
Como personalizar o conteúdo de dicas
para mais detalhes.
Tipo: booleano
Padrão:falso
|
tooltip.isHTML |
Se definida como verdadeira, use dicas renderizadas por HTML (em vez de renderizadas por SVG). Consulte
Como personalizar o conteúdo de dicas
para mais detalhes.
Observação: a personalização do conteúdo da dica de HTML por meio do papel de dados da coluna de dica de ferramenta não é aceita pela visualização Gráfico de bolhas.
Tipo: booleano
Padrão: falso
|
tooltip.showColorCode |
Se verdadeiro, mostra quadrados coloridos ao lado das informações da série na dica. O padrão é
verdadeiro quando focusTarget estiver definido como "categoria". Caso contrário, será falso.
Tipo: booleano
Padrão: automático
|
tooltip.textStyle |
Um objeto que especifica o estilo do texto da dica. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tooltip.trigger |
A interação do usuário que faz com que a dica seja exibida:
- "focus": a dica será exibida quando o usuário passar o cursor sobre o elemento.
- "none": a dica não será exibida.
- "selection" - a dica será exibida quando o usuário selecionar o elemento.
Tipo: string
Padrão: "focus"
|
linhas de tendência |
Exibe
linhas de tendência
nos gráficos compatíveis. Por padrão, as linhas de tendência lineares são
usadas, mas isso pode ser personalizado com a opção trendlines.n.type .
As linhas de tendência são especificadas por série, portanto, na maioria das vezes, suas opções terão esta aparência:
var options = {
trendlines: {
0: {
type: 'linear',
color: 'green',
lineWidth: 3,
opacity: 0.3,
showR2: true,
visibleInLegend: true
}
}
}
Tipo: objeto
Padrão:nulo
|
linelines.n.color |
A cor da
linha de tendência
,
expressa como um nome de cor em inglês ou uma string hexadecimal.
Tipo: string
Padrão: cor padrão da série
|
linhas de tendência.n |
Para
linhas de tendência
de type: 'polynomial' , o grau do polinômio (2 para
quadrático, 3 para cúbico e assim por diante). O grau padrão pode mudar de três para dois na próxima versão dos Gráficos Google.
Tipo: número
Padrão: 3
|
linelines.n.labelInLegend |
Se definida, a
linha de tendência
vai aparecer na legenda como essa string.
Tipo: string
Padrão: nulo
|
tendêncialines.n.lineWidth |
A largura da linha de tendência em pixels.
Tipo: número
Padrão: 2
|
linelines.n.opacity |
É a transparência da
linha de tendência
, de 0,0 (transparente) a 1,0 (opaca).
Tipo:número
Padrão:1.0
|
linelines.n.pointSize |
As
linhas de tendência
são marcadas com a inclusão de vários pontos no gráfico. Com essa opção raramente necessária, é possível
personalizar o tamanho dos pontos. A opção lineWidth da linha de tendência geralmente é
preferível. No entanto, você precisará dessa opção se estiver usando a opção
pointSize global e quiser um tamanho de ponto diferente para suas linhas de tendência.
Tipo:número
Padrão:1
|
linelines.n.pointsVisible |
As linhas de tendência são incluídas com a marcação de vários pontos no gráfico. A opção pointsVisible da linha de tendência determina se os pontos de uma linha específica estão visíveis.
Tipo: booleano
Padrão:verdadeiro
|
Linhas de tendência.n.showR2 |
Mostra o coeficiente de determinação na dica de legenda ou linha de tendência.
Tipo: booleano
Padrão: falso
|
linelines.n.type |
Define se as
linhas de tendência
são 'linear' (o padrão), 'exponential' ou
'polynomial' .
Tipo: string
Padrão:linear
|
Linhas de tendência.n.visibleInLegend |
Se a equação da
linha de tendência
aparece na legenda. Ela vai aparecer na dica da linha de tendência.
Tipo: booleano
Padrão:falso
|
Eixo |
Um objeto com membros para configurar vários elementos de eixo vertical. Para especificar as propriedades desse
objeto, use a notação literal de objeto, conforme mostrado aqui:
{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: objeto
Padrão: nulo
|
vAxis.baseline |
Propriedade vAxis que especifica o valor de referência para o eixo vertical. Se o
valor de referência for maior que a linha de grade mais alta ou menor que a linha de grade mais baixa, ele
será arredondado para a linha de grade mais próxima.
Essa opção é aceita apenas para um eixo
continuous .
Tipo:número
Padrão: automático
|
vAxis.baselineColor |
Especifica a cor do valor de referência do eixo vertical. Pode ser qualquer string de cor HTML, por exemplo, 'red' ou '#00cc00' .
Essa opção é aceita apenas para um eixo
continuous .
Tipo:número
Padrão: "preto"
|
vAxis.direction |
A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores mais baixos ficam na parte inferior do gráfico. Especifique -1 para
inverter a ordem dos valores.
Tipo: 1 ou -1
Padrão:1
|
vAxis.format |
Uma string de formato para rótulos numéricos ou de eixo de data.
No caso dos rótulos de eixo, esse é um subconjunto do conjunto de padrões de ICU (em inglês).
Por exemplo, {format:'#,###%'} exibirá os valores "1.000%",
"750%" e "50%" para os valores 10, 7,5 e 0,5. Também é possível fornecer
o seguinte:
{format: 'none'} : exibe números sem formatação (por exemplo, 8000000)
-
{format: 'decimal'} : exibe números com separadores de milhares (por exemplo, 8.000.000)
-
{format: 'scientific'} : exibe números em notação científica (por exemplo, 8e6)
-
{format: 'currency'} : exibe números na moeda local
(por exemplo, US$ 8.000.000)
-
{format: 'percent'} : exibe números como porcentagens (por exemplo, 800.000.000%)
{format: 'short'} : exibe números abreviados (por exemplo, 8 mi)
{format: 'long'} : exibe números como palavras completas (por exemplo, 8 milhões)
Para os rótulos de eixo de data, é um subconjunto do
conjunto de padrões de ICU
da formatação de data.
Por exemplo, {format:'MMM d, y'} exibirá o valor "1o de julho de 2011"
como a data de julho de 2011.
A formatação real aplicada ao rótulo é derivada da localidade com que a API foi carregada. Para mais detalhes, consulte Como carregar gráficos com uma localidade específica.
Ao calcular valores de marcação e linhas de grade, várias combinações
alternativas de todas as opções relevantes
serão consideradas, e as alternativas serão rejeitadas se os
rótulos de marcação formatados forem duplicados ou se sobrepuserem.
Portanto, especifique format:"#"
se quiser mostrar apenas valores de marcação inteiros.
No entanto, se nenhuma alternativa atender a essa condição,
nenhuma grade ou marcação será exibida.
Essa opção é aceita apenas para um eixo
continuous .
Tipo: string
Padrão:automático
|
vAxis.gridlines |
Um objeto com membros para configurar as linhas de grade no eixo vertical.
As linhas de grade do eixo vertical são desenhadas horizontalmente. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui:
{color: '#333', minSpacing: 20}
Essa opção é aceita apenas para um eixo
continuous .
Tipo: objeto
Padrão: nulo
|
vAxis.gridlines.color |
A cor das linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML válida.
Tipo: string
Padrão: "#CCC"
|
vAxis.gridlines.count |
O número aproximado de linhas de grade horizontais na área do gráfico.
Se você especificar um número positivo para a gridlines.count ,
ela vai ser usada para calcular o minSpacing entre as linhas de grade.
Especifique um valor de 1 para desenhar apenas uma linha de grade, ou 0 para desenhar nenhuma linha de grade.
Especifique -1, que é o padrão,
para calcular automaticamente o número de linhas de grade
com base em outras opções.
Tipo:número
Padrão: -1
|
vAxis.gridlines.units |
Substitui o formato padrão para vários aspectos dos tipos de dados de data/hora/hora do dia quando
usado com linhas de grade calculadas de acordo com o gráfico. Permite a formatação de anos, meses, dias, horas, minutos, segundos e milissegundos.
O formato geral é:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]},
hours: {format: [/*format strings here*/]},
minutes: {format: [/*format strings here*/]},
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]}
}
}
Mais informações podem ser encontradas em
Datas e horas.
Tipo: objeto
Padrão: nulo
|
vAxis.minorGridlines |
Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção
vAxis.gridlines.
Essa opção é aceita apenas para um eixo
continuous .
Tipo: objeto
Padrão: nulo
|
vAxis.minorGridlines.color |
A cor das pequenas linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML
válida.
Tipo: string
Padrão:uma combinação da linha de grade e das cores do plano de fundo
|
vAxis.minorGridlines.count |
O uso da opção minorGridlines.count foi descontinuado, exceto pela desativação de linhas de grade menores,
definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre
as linhas de grade principais (consulte vAxis.gridlines.interval) e o espaço mínimo necessário
(consulte vAxis.minorGridlines.minSpacing).
Tipo:número
Padrão:1
|
vAxis.minorGridlines.units |
Substitui o formato padrão para vários aspectos de tipos de dados de data/hora/hora do dia quando
usado com gráfico de grade calculado. Permite a formatação de anos, meses, dias, horas,
minutos, segundos e milissegundos.
O formato geral é:
gridlines: {
units: {
years: {format: [/*format strings here*/]},
months: {format: [/*format strings here*/]},
days: {format: [/*format strings here*/]}
hours: {format: [/*format strings here*/]}
minutes: {format: [/*format strings here*/]}
seconds: {format: [/*format strings here*/]},
milliseconds: {format: [/*format strings here*/]},
}
}
Mais informações podem ser encontradas em
Datas e horas.
Tipo: objeto
Padrão: nulo
|
vAxis.logScale |
Se for verdadeiro, torna o eixo vertical uma escala logarítmica. Observação: todos os valores precisam ser positivos.
Essa opção é aceita apenas para um eixo
continuous .
Tipo: booleano
Padrão:falso
|
vAxis.scaleType |
Propriedade vAxis que faz com que o eixo vertical seja uma escala logarítmica. Será um dos seguintes valores:
- null: nenhum escalonamento logarítmico é executado.
-
"log": escalonamento logarítmico. Os valores negativos e zero não são representados no gráfico. Essa opção é igual à configuração de
vAxis: { logscale: true } .
-
"MirrorLog": escalonamento logarítmico em que valores negativos e zero são representados no gráfico. O valor plotado de um número negativo é o negativo do registro do valor absoluto. Valores próximos a 0 são representados em uma escala linear.
Tipo: string
Padrão:nulo
|
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores compatíveis: "out",
"in", "none".
Tipo: string
Padrão: "out"
|
vAxis.textStyle |
Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Marcas de vídeo. |
Substitui as marcações do eixo Y geradas automaticamente pela matriz especificada. Cada elemento da
matriz precisa ser um valor de marcação válido (como um número, data, data/hora ou
hora do dia) ou um objeto. Se for um objeto, ele precisará ter uma propriedade v para o
valor da marcação e uma propriedade f opcional contendo a string literal a ser
exibida como o rótulo.
A viewWindow será expandida automaticamente para incluir as marcações mínima e máxima, a menos que você especifique um viewWindow.min ou viewWindow.max para substituir.
Exemplos:
vAxis: { ticks: [5,10,15,20] }
vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
-
vAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }
Essa opção é aceita apenas para um eixo
continuous .
Tipo:matriz de elementos
Padrão:automático
|
vAxis.title |
Propriedade vAxis que especifica um título para o eixo vertical.
Tipo: string
Padrão: sem título
|
vAxis.titleTextStyle |
Um objeto que especifica o estilo do texto do título do eixo vertical. O objeto tem este formato:
{ color: <string>,
fontName: <string>,
fontSize: <number>,
bold: <boolean>,
italic: <boolean> }
O color pode ser qualquer string de cor HTML, por exemplo, 'red' ou
'#00cc00' . Consulte também fontName e fontSize .
Tipo: objeto
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.maxValue |
Move o valor máximo do eixo vertical para o valor especificado; isso será crescente na maioria dos gráficos. Será ignorado se esse valor for definido como um valor menor que o valor y máximo dos dados.
vAxis.viewWindow.max modifica esta propriedade.
Essa opção é aceita apenas para um eixo
continuous .
Tipo:número
Padrão: automático
|
vAxis.minValue |
Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será decrescente na maioria dos gráficos. Será ignorado se esse valor for maior que o valor y mínimo dos dados.
vAxis.viewWindow.min modifica esta propriedade.
Essa opção é aceita apenas para um eixo
continuous .
Tipo: número
Padrão:nulo
|
vAxis.viewWindowMode |
Especifica como dimensionar o eixo vertical para renderizar os valores na área do gráfico. Os
seguintes valores de string são compatíveis:
-
"pretty" - dimensione os valores verticais para que os valores máximo e mínimo dos dados sejam
renderizados um pouco dentro das partes de baixo e de cima da área do gráfico.
O viewWindow é expandido para a linha de grade principal mais próxima para números ou a linha de grade secundária mais próxima para datas e horários.
-
"maximizado": dimensione os valores verticais para que os valores máximo e mínimo de dados toquem nas partes de cima e de baixo da área do gráfico.
vaxis.viewWindow.min e vaxis.viewWindow.max vão ser ignorados.
-
"explicita": uma opção obsoleta para especificar os valores de escala superior e inferior da área do gráfico. Descontinuado porque é redundante com
vaxis.viewWindow.min e vaxis.viewWindow.max . Os valores de dados fora desses valores serão cortados. É
preciso especificar um objeto vAxis.viewWindow descrevendo os valores máximos e mínimos
a serem mostrados.
Essa opção é aceita apenas para um eixo
continuous .
Tipo: string
Padrão:
equivalente a "pretinho", mas vaxis.viewWindow.min e
vaxis.viewWindow.max têm precedência, se usados.
|
vAxis.viewWindow |
Especifica o intervalo de corte do eixo vertical.
Tipo: objeto
Padrão:nulo
|
vAxis.viewWindow.max |
-
Para um eixo continuous :
O valor máximo de dados verticais para renderização.
-
Para um eixo discrete :
O índice de linhas com base em zero em que a janela de corte termina. Os pontos de dados nesse índice e
superiores serão cortados. Em conjunto com vAxis.viewWindowMode.min , ele define um intervalo semiaberto (min, max) que indica os índices de elementos a serem exibidos. Em
outras palavras, cada índice de modo que min <= index < max seja
exibido.
Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".
Tipo:número
Padrão:automático
|
vAxis.viewWindow.min |
-
Para um eixo continuous :
O valor mínimo de dados verticais para renderização.
-
Para um eixo discrete :
O índice de linhas com base em zero em que a janela de corte começa. Os pontos de dados em índices inferiores
a esse serão cortados. Junto com vAxis.viewWindowMode.max , ele define um intervalo semiaberto (min, max) que indica os índices de elementos a serem exibidos. Em
outras palavras, cada índice de modo que min <= index < max seja
exibido. Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".
Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".
Tipo: número
Padrão: automático
|
largura |
Largura do gráfico, em pixels.
Tipo: número
Padrão:largura do elemento contido
|