Opções de configuração do gráfico

Tipos de gráficos

Opções de configuração do gráfico de anotações

Nome
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
displayRangeSelector

Mostra ou não a área de seleção do intervalo de zoom (a área na parte de baixo do gráfico), em que false significa "não".

O contorno no seletor de zoom é uma versão em escala logarítmica da primeira série no gráfico, dimensionada para se ajustar à altura do seletor de zoom.

Tipo: boolean
Padrão:true
displayZoomButtons

Se os botões de zoom ("1d 5d 1m" e assim por diante) devem ser mostrados. false significa "não".

Tipo: boolean
Padrão:true
máx.

O valor máximo a ser mostrado no eixo Y. Se o ponto de dados máximo exceder esse valor, essa configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca principal acima do ponto de dados máximo. Isso tem precedência sobre o máximo do eixo Y determinado por scaleType.

Isso é semelhante a maxValue nos gráficos principais.

Tipo: number
Padrão:automático
min

O valor mínimo a ser mostrado no eixo Y. Se o ponto de dados mínimo for menor que esse valor, a configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca principal abaixo do ponto de dados mínimo. Isso tem precedência sobre o mínimo do eixo Y determinado por scaleType.

Isso é semelhante a minValue nos gráficos principais.

Tipo: number
Padrão:automático

Opções de configuração do gráfico de área

Nome
areaOpacity

A opacidade padrão da área colorida em uma série de gráficos de área, em que 0.0 é totalmente transparente e 1.0 é totalmente opaco. Para especificar a opacidade de uma série individual, defina o valor areaOpacity na propriedade series.

Tipo:number, 0.0- 1.0
Padrão:0.3
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
interpolateNulls

Define se o valor dos pontos ausentes será estimado. Se true, ele vai estimar o valor de dados ausentes com base em pontos vizinhos. Se for false, ele vai deixar uma quebra na linha no ponto desconhecido.

Isso não é compatível com gráficos de área com a opção isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Padrão:false
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação:nos gráficos de coluna, área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos elementos da série. Por exemplo, a série 0 será o item mais abaixo da legenda. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte ao empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que eles somem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que a soma seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento de 100%, o valor calculado de cada elemento vai aparecer na dica depois do valor real.

O eixo de destino vai usar valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os da escala relativa de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato "#.##%" aos valores relativos da escala de 0 a 1. Ao usar isStacked: 'percent', especifique as marcações/linhas de grade usando os valores de escala relativa de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só é compatível com valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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 um series associado a ele. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. É possível substituir valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

O formato dos elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para conferir exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos mostrados em pixels. Use zero para ocultar todos os pontos. É possível substituir valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:0
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações dessa 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 várias opções de annotations para ver uma lista mais completa do que pode ser personalizado.

  • areaOpacity: substitui o areaOpacity global para esta série.
  • 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 vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • lineWidth: substitui o valor global de lineWidth para esta série.
  • pointShape: substitui o valor global de pointShape para esta série.
  • pointSize: substitui o valor global de pointSize para esta série.
  • pointsVisible: substitui o valor global de pointsVisible para esta série.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do gráfico de barras

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo:string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:número ou string
Padrão:auto
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
hAxes

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 todas 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 e depois configure-o usando hAxes. O exemplo a seguir atribui a série 1 ao eixo de baixo e especifica um título e um estilo de texto personalizados para ela:

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 um com um rótulo numérico que especifica o eixo que ele 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:null
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação:nos gráficos de coluna, área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos elementos da série. Por exemplo, a série 0 será o item mais abaixo da legenda. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte ao empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que eles somem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que a soma seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento de 100%, o valor calculado de cada elemento vai aparecer na dica depois do valor real.

O eixo de destino vai usar valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os da escala relativa de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato "#.##%" aos valores relativos da escala de 0 a 1. Ao usar isStacked: 'percent', especifique as marcações/linhas de grade usando os valores de escala relativa de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só é compatível com valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações dessa 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 várias 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 vai aparecer na legenda do gráfico.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linhas de tendência

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, são usadas linhas de tendência linear, 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 vão aparecer assim: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Padrão:null
trendlines.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
trendlines.n.degree

Para linhas de tendência de type: 'polynomial', o grau do polinômio (2 para quadrática, 3 para cúbica e assim por diante).

Tipo: number
Padrão:3
trendlines.n.labelInLegend

Se definido, a linha de tendência vai aparecer na legenda como essa string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha da regressão, em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Se as linhas de tendência são 'linear' (padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Se a equação da linha de tendência aparece na legenda. Ele vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do gráfico de bolhas

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
balão

Um objeto com membros para configurar as propriedades visuais das bolhas.

Tipo: object
Padrão:null
bubble.opacity

A opacidade dos balões, em que 0 é totalmente transparente e 1 é totalmente opaco.

Tipo:número entre 0,0 e 1,0
Padrão:0,8
bubble.stroke

A cor do traço dos círculos.

Tipo: string
Padrão:'#ccc'
bubble.textStyle

Um objeto que especifica o estilo do texto do balão. O objeto tem este formato:

{color: <string>, fontName: <string>, fontSize: <number>}

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels. Um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
série

Um objeto de objetos, em que as chaves são nomes de série (os valores na coluna "Cor") e cada objeto descreve o formato da série correspondente no gráfico. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto é compatível com as seguintes propriedades:

  • color: a cor a ser usada para esta série. Especifique uma string de cor HTML válida.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.
Exemplo: 
series: {'Europe': {color: 'green'}}
Tipo:objeto com objetos aninhados
Padrão:{}
sizeAxis

Um objeto com membros para configurar como os valores são associados ao tamanho da bolha. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

 {minValue: 0,  maxSize: 20}
Tipo: object
Padrão:null
sizeAxis.maxSize

Raio máximo da maior bolha possível, em pixels.

Tipo: number
Padrão:30
sizeAxis.minSize

Raio mínimo da menor bolha possível, em pixels.

Tipo: number
Padrão:5
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração da Agenda

Nome
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contido

Opções de configuração do gráfico candlestick

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • color: a cor a ser usada para esta série. Especifique uma string de cor HTML válida.
  • fallingColor.fill: substitui o valor global candlestick.fallingColor.fill para esta série.
  • fallingColor.stroke: substitui o valor global candlestick.fallingColor.stroke para esta série.
  • fallingColor.strokeWidth: substitui o valor global candlestick.fallingColor.strokeWidth para esta série.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • risingColor.fill: substitui o valor global candlestick.risingColor.fill para esta série.
  • risingColor.stroke: substitui o valor global candlestick.risingColor.stroke para esta série.
  • risingColor.strokeWidth: substitui o valor global candlestick.risingColor.strokeWidth para esta série.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do gráfico de colunas

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação:nos gráficos de coluna, área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos elementos da série. Por exemplo, a série 0 será o item mais abaixo da legenda. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte ao empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que eles somem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que a soma seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento de 100%, o valor calculado de cada elemento vai aparecer na dica depois do valor real.

O eixo de destino vai usar valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os da escala relativa de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato "#.##%" aos valores relativos da escala de 0 a 1. Ao usar isStacked: 'percent', especifique as marcações/linhas de grade usando os valores de escala relativa de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só é compatível com valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações dessa 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 várias 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 vai aparecer na legenda do gráfico.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linhas de tendência

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, são usadas linhas de tendência linear, 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 vão aparecer assim: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Padrão:null
trendlines.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
trendlines.n.degree

Para linhas de tendência de type: 'polynomial', o grau do polinômio (2 para quadrática, 3 para cúbica e assim por diante).

Tipo: number
Padrão:3
trendlines.n.labelInLegend

Se definido, a linha de tendência vai aparecer na legenda como essa string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha da regressão, em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Se as linhas de tendência são 'linear' (padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Se a equação da linha de tendência aparece na legenda. Ele vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do gráfico de combinação

Nome
areaOpacity

A opacidade padrão da área colorida em uma série de gráficos de área, em que 0.0 é totalmente transparente e 1.0 é totalmente opaco. Para especificar a opacidade de uma série individual, defina o valor areaOpacity na propriedade series.

Tipo:number, 0.0- 1.0
Padrão:0.3
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
curveType

Controla a curva das linhas quando a largura da linha não é zero. Será um dos seguintes valores:

  • 'none': linhas retas sem curva.
  • 'function': os ângulos da linha serão suavizados.
Tipo:string
Padrão: "none"
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
interpolateNulls

Define se o valor dos pontos ausentes será estimado. Se true, ele vai estimar o valor de dados ausentes com base em pontos vizinhos. Se for false, ele vai deixar uma quebra na linha no ponto desconhecido.

Isso não é compatível com gráficos de área com a opção isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Padrão:false
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação:nos gráficos de coluna, área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos elementos da série. Por exemplo, a série 0 será o item mais abaixo da legenda. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte ao empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que eles somem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que a soma seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento de 100%, o valor calculado de cada elemento vai aparecer na dica depois do valor real.

O eixo de destino vai usar valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os da escala relativa de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato "#.##%" aos valores relativos da escala de 0 a 1. Ao usar isStacked: 'percent', especifique as marcações/linhas de grade usando os valores de escala relativa de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só é compatível com valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. É possível substituir valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

O formato dos elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para conferir exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos mostrados em pixels. Use zero para ocultar todos os pontos. É possível substituir valores de séries individuais usando a propriedade series. Se você estiver usando uma linha de tendência, a opção pointSize vai afetar a largura dela, a menos que você a substitua pela opção trendlines.n.pointsize.

Tipo: number
Padrão:0
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações dessa 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 várias opções de annotations para ver uma lista mais completa do que pode ser personalizado.

  • areaOpacity: substitui o areaOpacity global para esta série.
  • color: a cor a ser usada para esta série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType para esta série.
  • fallingColor.fill: substitui o valor global candlestick.fallingColor.fill para esta série.
  • fallingColor.stroke: substitui o valor global candlestick.fallingColor.stroke para esta série.
  • fallingColor.strokeWidth: substitui o valor global candlestick.fallingColor.strokeWidth para esta série.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • lineWidth: substitui o valor global de lineWidth para esta série.
  • pointShape: substitui o valor global de pointShape para esta série.
  • pointSize: substitui o valor global de pointSize para esta série.
  • pointsVisible: substitui o valor global de pointsVisible para esta série.
  • risingColor.fill: substitui o valor global candlestick.risingColor.fill para esta série.
  • risingColor.stroke: substitui o valor global candlestick.risingColor.stroke para esta série.
  • risingColor.strokeWidth: substitui o valor global candlestick.risingColor.strokeWidth para esta série.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • type: o tipo de marcador para esta série. Os valores válidos são "line", "area", "bars" e "steppedArea". As barras são verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do medidor

Nome
greenColor

A cor a ser usada para a seção verde na notação de cores HTML.

Tipo: string
Padrão:'#109618'
greenFrom

O menor valor de um intervalo marcado com uma cor verde.

Tipo: number
Padrão:nenhum
greenTo

O valor mais alto de um intervalo marcado com uma cor verde.

Tipo: number
Padrão:nenhum
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:largura do contêiner
máx.

O valor máximo a ser mostrado no eixo Y. Se o ponto de dados máximo exceder esse valor, essa configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca principal acima do ponto de dados máximo. Isso tem precedência sobre o máximo do eixo Y determinado por scaleType.

Isso é semelhante a maxValue nos gráficos principais.

Tipo: number
Padrão:automático
min

O valor mínimo a ser mostrado no eixo Y. Se o ponto de dados mínimo for menor que esse valor, a configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca principal abaixo do ponto de dados mínimo. Isso tem precedência sobre o mínimo do eixo Y determinado por scaleType.

Isso é semelhante a minValue nos gráficos principais.

Tipo: number
Padrão:automático
redColor

A cor a ser usada para a seção vermelha na notação de cores HTML.

Tipo: string
Padrão:'#DC3912'
redFrom

O menor valor de um intervalo marcado com a cor vermelha.

Tipo: number
Padrão:nenhum
redTo

O valor mais alto de um intervalo marcado com a cor vermelha.

Tipo: number
Padrão:nenhum
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do contêiner
yellowColor

A cor a ser usada para a seção amarela na notação de cores HTML.

Tipo: string
Padrão:'#FF9900'
yellowFrom

O menor valor de um intervalo marcado com a cor amarela.

Tipo: number
Padrão:nenhum
yellowTo

O valor mais alto de um intervalo marcado com a cor amarela.

Tipo: number
Padrão:nenhum

Opções de configuração do mapa geográfico

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
datalessRegionColor

Cor a ser atribuída a regiões sem dados associados.

Tipo: string
Padrão:'#F5F5F5'
defaultColor

A cor a ser usada para pontos de dados em um mapa geográfico quando o local (por exemplo, 'US' ) está presente, mas o valor é null ou não especificado. Isso é diferente de datalessRegionColor, que é a cor usada quando os dados estão ausentes.

Tipo: string
Padrão:'#267114'
displayMode

O tipo de mapa geográfico. O formato DataTable precisa corresponder ao valor especificado. Os seguintes valores são compatíveis:

  • 'auto': escolha com base no formato da DataTable.
  • 'regions': colore as regiões no geográfico.
  • 'markers': coloque marcadores nas regiões.
  • 'text': rotule as regiões com texto da DataTable.
Tipo: string
Padrão: "auto"
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
região

A área a ser mostrada no geográfico. As áreas ao redor também são mostradas. Pode ser um dos seguintes:

  • 'world': um mapa geográfico do mundo inteiro.
  • Um continente ou subcontinente, especificado pelo código de três dígitos, por exemplo, '011' para a África Ocidental.
  • Um país, especificado pelo código ISO 3166-1 alfa-2, por exemplo, 'AU' para a Austrália.
  • Um estado nos Estados Unidos, especificado pelo código ISO 3166-2:US. Por exemplo, 'US-AL' para o Alabama. A opção resolution precisa ser definida como 'provinces' ou 'metros'.
Tipo: string
Padrão: "world"
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contido

Opções de configuração do histograma

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object/div>
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
histogram.bucketSize

Codifique o tamanho de cada barra do histograma, em vez de deixar que ele seja determinado algoritmicamente.

Tipo: number
Padrão:auto
histogram.hideBucketItems

Omita as divisões finas entre os blocos do histograma, transformando-o em uma série de barras sólidas.

Tipo: boolean
Padrão:false
histogram.lastBucketPercentile

Ao calcular o tamanho do agrupamento do histograma, ignore os lastBucketPercentile% superior e inferior. Os valores ainda são incluídos no histograma, mas não afetam o agrupamento em intervalos.

Tipo: number
Padrão:0
interpolateNulls

Define se o valor dos pontos ausentes será estimado. Se true, ele vai estimar o valor de dados ausentes com base em pontos vizinhos. Se for false, ele vai deixar uma quebra na linha no ponto desconhecido.

Isso não é compatível com gráficos de área com a opção isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Padrão:false
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação:nos gráficos de coluna, área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos elementos da série. Por exemplo, a série 0 será o item mais abaixo da legenda. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte ao empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que eles somem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que a soma seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento de 100%, o valor calculado de cada elemento vai aparecer na dica depois do valor real.

O eixo de destino vai usar valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os da escala relativa de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato "#.##%" aos valores relativos da escala de 0 a 1. Ao usar isStacked: 'percent', especifique as marcações/linhas de grade usando os valores de escala relativa de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só é compatível com valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • 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 vai aparecer na legenda do gráfico.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contido

Opções de configuração do gráfico de linhas

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
curveType

Controla a curva das linhas quando a largura da linha não é zero. Será um dos seguintes valores:

  • 'none': linhas retas sem curva.
  • 'function': os ângulos da linha serão suavizados.
Tipo: string
Padrão: "none"
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo:string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
interpolateNulls

Define se o valor dos pontos ausentes será estimado. Se true, ele vai estimar o valor de dados ausentes com base em pontos vizinhos. Se for false, ele vai deixar uma quebra na linha no ponto desconhecido.

Isso não é compatível com gráficos de área com a opção isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. É possível substituir valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

O formato dos elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para conferir exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos mostrados em pixels. Use zero para ocultar todos os pontos. É possível substituir valores de séries individuais usando a propriedade series. Se você estiver usando uma linha de tendência, a opção pointSize vai afetar a largura dela, a menos que você a substitua pela opção trendlines.n.pointsize.

Tipo: number
Padrão:0
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações dessa 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 várias opções de annotations para ver uma lista mais completa do que pode ser personalizado.

  • type: o tipo de marcador para esta série. Os valores válidos são "line", "area", "bars" e "steppedArea". As barras são verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • color: a cor a ser usada para esta série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType para esta série.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • lineWidth: substitui o valor global de lineWidth para esta série.
  • pointShape: substitui o valor global de pointShape para esta série.
  • pointSize: substitui o valor global de pointSize para esta série.
  • pointsVisible: substitui o valor global de pointsVisible para esta série.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, são usadas linhas de tendência linear, 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 vão aparecer assim: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Padrão:null
trendlines.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
trendlines.n.degree

Para linhas de tendência de type: 'polynomial', o grau do polinômio (2 para quadrática, 3 para cúbica e assim por diante).

Tipo: number
Padrão:3
trendlines.n.labelInLegend

Se definido, a linha de tendência vai aparecer na legenda como essa string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha da regressão , em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Se as linhas de tendência são 'linear' (padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Se a equação da linha de tendência aparece na legenda. Ele vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do organograma

Nome
cor

A cor de segundo plano dos elementos do organograma.

Tipo: string
Padrão:'#edf7ff'
selectionColor

A cor de fundo dos elementos selecionados do organograma.

Tipo: string
Padrão:'#d6e9f8'
tamanho

O tamanho geral do gráfico. As opções incluem 'small', 'medium' ou 'large'.

Tipo: string
Padrão:'medium'

Opções de configuração do gráfico de pizza

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
is3D

Se for true, vai mostrar um gráfico tridimensional.

Tipo: boolean
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Se estiver entre 0 e 1, um gráfico de rosca será mostrado. O furo tem um raio igual a number vezes o raio do gráfico.

Tipo: number
Padrão:0
pieSliceBorderColor

A cor das bordas da fatia. Aplicável apenas quando o gráfico é bidimensional.

Tipo: string
Padrão:'white'
pieSliceText

O conteúdo do texto exibido na fatia. Será um dos seguintes valores:

  • 'percentage': a porcentagem do tamanho da fatia em relação ao total.
  • 'value': o valor quantitativo da fatia.
  • 'label': o nome da fração.
  • 'none': nenhum texto é exibido.
Tipo: string
Padrão:'percentage'
pieSliceTextStyle

Um objeto que especifica o estilo do texto da fatia. O objeto tem este formato:

{color: <string>, fontName: <string>, fontSize: <number>}

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
slices.color

A cor a ser usada para essa fatia.

Tipo: string
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opções de configuração do gráfico de dispersão

Nome
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo:string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
curveType

Controla a curva das linhas quando a largura da linha não é zero. Será um dos seguintes valores:

  • 'none': linhas retas sem curva.
  • 'function': os ângulos da linha serão suavizados.
Tipo:string
Padrão: "none"
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
hAxis.logScale

Propriedade hAxis que transforma o eixo horizontal em uma escala logarítmica (exige que todos os valores sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. Isso será para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante à opção hAxis.gridlines.

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade horizontais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e 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 linhas de grade principais (consulte hAxis.gridlines.interval) e do espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. Isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. É possível substituir valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

O formato dos elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para conferir exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos mostrados em pixels. Use zero para ocultar todos os pontos. É possível substituir valores de séries individuais usando a propriedade series. Se você estiver usando uma linha de tendência, a opção pointSize vai afetar a largura dela, a menos que você a substitua pela opção trendlines.n.pointsize.

Tipo: number
Padrão:0
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • 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 vai aparecer na legenda do gráfico.
  • lineWidth: substitui o valor global de lineWidth para esta série.
  • pointShape: substitui o valor global de pointShape para esta série.
  • pointSize: substitui o valor global de pointSize para esta série.
  • pointsVisible: substitui o valor global de pointsVisible para esta série.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicável à série na ordem fornecida,ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, são usadas linhas de tendência linear, 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 vão aparecer assim: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Tipo: object
Padrão:null
trendlines.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
trendlines.n.degree

Para linhas de tendência de type: 'polynomial', o grau do polinômio (2 para quadrática, 3 para cúbica e assim por diante).

Tipo: number
Padrão:3
trendlines.n.labelInLegend

Se definido, a linha de tendência vai aparecer na legenda como essa string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha da regressão , em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Se as linhas de tendência são 'linear' (padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Se a equação da linha de tendência aparece na legenda. Ele vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto

Opções de configuração do gráfico de áreas em degraus

Nome
areaOpacity

A opacidade padrão da área colorida em uma série de gráficos de área, em que 0.0 é totalmente transparente e 1.0 é totalmente opaco. Para especificar a opacidade de uma série individual, defina o valor areaOpacity na propriedade series.

Tipo:number, 0.0- 1.0
Padrão:0.3
backgroundColor

A cor 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 object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels, e um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou um nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:auto
chartArea.left

A distância para desenhar o gráfico da borda esquerda.

Tipo:number ou string
Padrão:auto
chartArea.top

A distância para desenhar o gráfico da borda superior.

Tipo:number ou string
Padrão:auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:auto
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
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal aumentam. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontal a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação:nos gráficos de coluna, área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos elementos da série. Por exemplo, a série 0 será o item mais abaixo da legenda. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte ao empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que eles somem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos para todas as séries em cada valor de domínio e redimensiona para que a soma seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento de 100%, o valor calculado de cada elemento vai aparecer na dica depois do valor real.

O eixo de destino vai usar valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os da escala relativa de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato "#.##%" aos valores relativos da escala de 0 a 1. Ao usar isStacked: 'percent', especifique as marcações/linhas de grade usando os valores de escala relativa de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só é compatível com valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/ string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

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. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é mostrada.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em 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 é compatível com as seguintes propriedades:

  • areaOpacity: substitui o areaOpacity global para esta série.
  • color: a cor a ser usada para esta série. Especifique uma string de cor HTML válida.
  • type: o tipo de marcador para esta série. Os valores válidos são "line", "area", "bars" e "steppedArea". As barras são verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • targetAxisIndex: a qual eixo atribuir essa 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para cada eixo.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles aplicado à série na ordem fornecida, ou um objeto em que cada filho tem uma chave numérica indicando a qual série ele 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 objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, 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.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores substituem todas as configurações globais da mesma propriedade.

Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando series.targetAxisIndex e depois configure-o usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e um estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz. O objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele 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 vAxis mostrado acima: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical aumentam. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
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 na horizontal. Para especificar propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
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 dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. Isso será para cima na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção "vAxis.gridlines".

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.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 depende do intervalo entre as linhas principais e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor mínimo de y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo do 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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão:auto
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contido

Opções de configuração do gráfico de tabela

Nome
alternatingRowStyle

Determina se um estilo de cor alternada será atribuído a linhas pares e ímpares.

Tipo: boolean
Padrão:true
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
página

Se e como ativar a paginação nos dados. Escolha um dos seguintes valores de string:

  • 'enable': a tabela vai incluir botões para avançar e voltar páginas. Ao clicar nesses botões, a operação de paginação será realizada e a página exibida será alterada. Talvez você também queira definir a opção pageSize.
  • 'event': a tabela vai incluir botões para avançar e voltar página, mas clicar neles vai acionar um evento 'page' e não vai mudar a página mostrada. Essa opção deve ser usada quando o código implementa a própria lógica de mudança de página. Consulte o exemplo TableQueryWrapper para saber como processar eventos de paginação manualmente.
  • 'disable': [Default] a paginação não é compatível.
    • Tipo: string
    Padrão:'disable'
pageSize

O número de linhas em cada página, quando a paginação está ativada com a opção de página.

Tipo: number
Padrão:10
showRowNumber

Se definido como true, mostra o número da linha como a primeira coluna da tabela.

Tipo: boolean
Padrão:false
classificar

Se e como classificar as colunas quando o usuário clica em um cabeçalho de coluna. Se a classificação estiver ativada, considere definir também as propriedades sortAscending e sortColumn. Escolha um dos seguintes valores de string:

  • 'enable': [Padrão] Os usuários podem clicar nos cabeçalhos das colunas para classificar pela coluna clicada. Quando os usuários clicam no cabeçalho da coluna, as linhas são classificadas automaticamente, e um evento 'sort' é acionado.
  • 'event': quando os usuários clicam no cabeçalho da coluna, um evento 'sort' é acionado, mas as linhas não são classificadas automaticamente. Essa opção deve ser usada quando a página implementa a própria classificação. Consulte o exemplo TableQueryWrapper para saber como processar eventos de classificação manualmente.
  • 'disable': clicar em um cabeçalho de coluna não tem efeito.
Tipo: string
Padrão:'enable'
sortAscending

A ordem em que a coluna de classificação inicial é classificada. True para crescente, false para decrescente. Será ignorado se sortColumn não for especificado.

Tipo: boolean
Padrão:true
sortColumn

Um índice de uma coluna na tabela de dados, que é usada para classificar a tabela inicialmente. A coluna é marcada com uma pequena seta que indica a ordem de classificação.

Tipo: number
Padrão:-1
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contido

Opções de configuração da linha do tempo

Nome
backgroundColor

A cor 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 object
Padrão:'white'
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
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contido
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contido

Opções de configuração do mapa de árvore

Nome
headerColor

A cor da seção de cabeçalho de cada nó. Especifique um valor de cor HTML.

Tipo: string
Padrão:#988f86
maxColor

A cor de um retângulo com um valor maxColorValue na coluna 3. Especifique um valor de cor HTML.

Tipo: string
Padrão:#00dd00
maxDepth

O número máximo de níveis de nós a serem mostrados na visualização atual. Os níveis são nivelados no plano atual. Se a árvore tiver mais níveis, role para cima ou para baixo para conferir. Você também pode ver os níveis maxPostDepth abaixo disso como retângulos sombreados nesses nós.

Tipo: number
Padrão:1
maxPostDepth

Quantos níveis de nós além de maxDepth mostrar de forma "sugerida". Os nós sugeridos são mostrados como retângulos sombreados dentro de um nó que está dentro do limite de maxDepth.

Tipo: number
Padrão:0
midColor

A cor de um retângulo com um valor da coluna 3 no meio de maxColorValue e minColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
minColor

A cor de um retângulo com o valor minColorValue na coluna 3. Especifique um valor de cor HTML.

Tipo: string
Padrão:#dd0000
noColor

A cor a ser usada para um retângulo quando um nó não tem valor para a coluna 3 e é uma folha (ou contém apenas folhas). Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Um objeto que especifica o estilo do texto do título. A cor pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

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: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}