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 para os 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

Indica se a área de seleção do intervalo de zoom será exibida (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 do gráfico, dimensionada para se ajustar à altura do seletor de zoom.

Tipo: boolean
Padrão:true
displayZoomButtons

Define se os botões de zoom serão mostrados ("1d 5d 1m" e assim por diante), em que false significa não.

Tipo: boolean
Padrão:true
max

O valor máximo a ser exibido 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 de seleção acima do ponto de dados máximo. Tem precedência sobre o máximo do eixo Y determinado por scaleType.

Esse número é semelhante ao maxValue nos gráficos principais.

Tipo: number
Padrão:automático
min

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

Esse número é semelhante ao 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áfico 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 plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
interpolateNulls

Define se o valor de pontos ausentes deve ser determinado. Se true, ele adivinhará o valor de todos os dados ausentes com base nos pontos vizinhos. Se for false, isso vai deixar uma quebra na linha em um 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 de legenda para que eles correspondam melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda na parte de baixo). Isso não se aplica a gráficos de barras.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para totalizar 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 de todas as séries em cada valor de domínio e os redimensiona de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio e os redefine de modo a somar 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 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino exibirá 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 de eixo/marca são exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo percentual são o resultado da aplicação de um formato de "#.##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala de 0 a 1 relativos. Você pode personalizar os valores das linhas de grade/marcações e a formatação usando as opções hAxis/vAxis apropriadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência igual a zero.

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 series associados a ele. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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 modificar os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível modificar os 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éries

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

  • annotations: um objeto a ser aplicado às anotações desta série. Isso pode ser usado para controlar, por exemplo, a textStyle da série: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Consulte as várias opções de annotations para uma lista mais completa do que pode ser personalizado.

  • areaOpacity: substitui o areaOpacity global desta série.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle desta série.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape desta série.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible desta 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 tratará a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

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

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:número ou string
Padrão:automático
cores

As cores a serem usadas para os 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 de propriedade 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. Depois, configure o eixo usando hAxes. O exemplo a seguir atribui a série 1 ao eixo inferior 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
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 de legenda para que eles correspondam melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda na parte de baixo). Isso não se aplica a gráficos de barras.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para totalizar 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 de todas as séries em cada valor de domínio e os redimensiona de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio e os redefine de modo a somar 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 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino exibirá 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 de eixo/marca são exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo percentual são o resultado da aplicação de um formato de "#.##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala de 0 a 1 relativos. Você pode personalizar os valores das linhas de grade/marcações e a formatação usando as opções hAxis/vAxis apropriadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência igual a zero.

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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éries

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 oferece suporte às seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações desta série. Isso pode ser usado para controlar, por exemplo, a textStyle da série: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Consulte as várias opções de annotations para uma lista mais completa do que pode ser personalizado.

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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

Exibe linhas de tendência nos gráficos compatíveis com elas. Por padrão, as linhas de tendência linear são usadas, mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Portanto, na maioria das vezes, as opções ficarão 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áticos, 3 para cúbico e assim por diante).

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

Se definida, a linha de tendência vai aparecer na legenda como esta string.

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

A largura da linha de tendência, 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. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', 'none'.

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

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

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

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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'
bubble

Um objeto com membros para configurar as propriedades visuais dos balões.

Tipo: object
Padrão:null
bubble.opacity

É a opacidade dos círculos, 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 de texto do balão. O objeto tem este formato:

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

O color pode ser qualquer string de cor HTML, como '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 próprio gráfico é desenhado, excluindo eixo e legendas). Há suporte para dois formatos: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Um objeto de objetos em que as chaves são nomes de séries (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 suporta as seguintes propriedades:

  • color: a cor a ser usada na 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 ela 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 do balão. Para especificar as propriedades desse objeto, use a notação literal de objeto, como mostrado aqui: 

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

É o raio máximo do maior balão possível, em pixels.

Tipo: number
Padrão:30
sizeAxis.minSize

É o raio mínimo do menor balão 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 tratará a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', 'none'.

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

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

Opções de configuração do Google Agenda

Nome
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
width

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

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

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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éries

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 suporta as seguintes propriedades:

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • fallingColor.fill: substitui o valor candlestick.fallingColor.fill global desta série.
  • fallingColor.stroke: substitui o valor candlestick.fallingColor.stroke global desta série.
  • fallingColor.strokeWidth: substitui o valor candlestick.fallingColor.strokeWidth global desta série.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • risingColor.fill: substitui o valor candlestick.risingColor.fill global desta série.
  • risingColor.stroke: substitui o valor candlestick.risingColor.stroke global desta série.
  • risingColor.strokeWidth: substitui o valor candlestick.risingColor.strokeWidth global desta 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

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

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:stringou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
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 de legenda para que eles correspondam melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda na parte de baixo). Isso não se aplica a gráficos de barras.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para totalizar 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 de todas as séries em cada valor de domínio e os redimensiona de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio e os redefine de modo a somar 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 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino exibirá 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 de eixo/marca são exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo percentual são o resultado da aplicação de um formato de "#.##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala de 0 a 1 relativos. Você pode personalizar os valores das linhas de grade/marcações e a formatação usando as opções hAxis/vAxis apropriadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência igual a zero.

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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éries

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 suporta as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações desta série. Isso pode ser usado para controlar, por exemplo, a textStyle da série: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Consulte as várias opções de annotations para uma lista mais completa do que pode ser personalizado.

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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

Exibe linhas de tendência nos gráficos compatíveis com elas. Por padrão, as linhas de tendência linear são usadas, mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Portanto, na maioria das vezes, as opções ficarão 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áticos, 3 para cúbico e assim por diante).

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

Se definida, a linha de tendência vai aparecer na legenda como esta string.

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

A largura da linha de tendência, 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. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

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áfico 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 plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
interpolateNulls

Define se o valor de pontos ausentes deve ser determinado. Se true, ele adivinhará o valor de todos os dados ausentes com base nos pontos vizinhos. Se for false, isso vai deixar uma quebra na linha em um 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 de legenda para que eles correspondam melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda na parte de baixo). Isso não se aplica a gráficos de barras.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para totalizar 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 de todas as séries em cada valor de domínio e os redimensiona de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio e os redefine de modo a somar 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 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino exibirá 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 de eixo/marca são exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo percentual são o resultado da aplicação de um formato de "#.##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala de 0 a 1 relativos. Você pode personalizar os valores das linhas de grade/marcações e a formatação usando as opções hAxis/vAxis apropriadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência igual a zero.

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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 modificar os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível modificar os valores de séries individuais usando a propriedade series. Se você usar 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éries

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 suporta as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações desta série. Isso pode ser usado para controlar, por exemplo, a textStyle da série: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Consulte as várias opções de annotations para uma lista mais completa do que pode ser personalizado.

  • areaOpacity: substitui o areaOpacity global desta série.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType desta série.
  • fallingColor.fill: substitui o valor candlestick.fallingColor.fill global desta série.
  • fallingColor.stroke: substitui o valor candlestick.fallingColor.stroke global desta série.
  • fallingColor.strokeWidth: substitui o valor candlestick.fallingColor.strokeWidth global desta série.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle desta série.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape desta série.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible desta série.
  • risingColor.fill: substitui o valor candlestick.risingColor.fill global desta série.
  • risingColor.stroke: substitui o valor candlestick.risingColor.stroke global desta série.
  • risingColor.strokeWidth: substitui o valor candlestick.risingColor.strokeWidth global desta 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • type: o tipo de marcador desta série. Os valores válidos são "line", "area", "bars" e "steppedArea". Na verdade, 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 ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', 'none'.

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

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

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 por 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
height

Altura do gráfico em pixels.

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

O valor máximo a ser exibido 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 de seleção acima do ponto de dados máximo. Tem precedência sobre o máximo do eixo Y determinado por scaleType.

Esse número é semelhante ao maxValue nos gráficos principais.

Tipo: number
Padrão:automático
min

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

Esse número é semelhante ao 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 pela cor vermelha.

Tipo: number
Padrão:nenhum
redTo

O valor mais alto de um intervalo marcado pela cor vermelha.

Tipo: number
Padrão:nenhum
width

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 uma cor amarela.

Tipo: number
Padrão:nenhum
yellowTo

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

Tipo: number
Padrão:nenhum

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

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 para atribuir a regiões sem dados associados.

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

A cor a ser usada para pontos de dados em um gráfico geográfico quando a localização (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

Que tipo de gráfico geográfico é. O formato DataTable deve corresponder ao valor especificado. Os seguintes valores são aceitos:

  • 'auto': escolha com base no formato da tabela de dados.
  • 'regions': colore as regiões no gráfico geográfico.
  • 'markers': coloca marcadores nas regiões.
  • 'text': identifica as regiões com texto da tabela de dados.
Tipo: string
Padrão: "auto"
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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, como '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 exibida no gráfico geográfico. As áreas ao redor também são exibidas. 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 Alabama. A opção resolution precisa ser definida como 'provinces' ou 'metros'.
Tipo: string
Padrão: "world"
width

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

Opções de configuração do histograma

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo: string ou object/div>
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
histogram.bucketSize

Codifique o tamanho de cada barra de histograma em vez de permitir que ele seja determinado por algoritmos.

Tipo: number
Padrão:automático
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 bucket do histograma, ignore os lastBucketPercentile%% superior e inferior. Os valores ainda são incluídos no histograma, mas não afetam o agrupamento por classes.

Tipo: number
Padrão:0
interpolateNulls

Define se o valor de pontos ausentes deve ser determinado. Se true, ele adivinhará o valor de todos os dados ausentes com base nos pontos vizinhos. Se for false, isso vai deixar uma quebra na linha em um 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 de legenda para que eles correspondam melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda na parte de baixo). Isso não se aplica a gráficos de barras.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para totalizar 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 de todas as séries em cada valor de domínio e os redimensiona de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio e os redefine de modo a somar 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 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino exibirá 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 de eixo/marca são exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo percentual são o resultado da aplicação de um formato de "#.##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala de 0 a 1 relativos. Você pode personalizar os valores das linhas de grade/marcações e a formatação usando as opções hAxis/vAxis apropriadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência igual a zero.

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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éries

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 suporta as seguintes propriedades:

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
width

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

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

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo:string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
interpolateNulls

Define se o valor de pontos ausentes deve ser determinado. Se true, ele adivinhará o valor de todos os dados ausentes com base nos pontos vizinhos. Se for false, isso vai deixar uma quebra na linha em um 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 as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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 modificar os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível modificar os valores de séries individuais usando a propriedade series. Se você usar 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éries

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 suporta as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações desta série. Isso pode ser usado para controlar, por exemplo, a textStyle da série: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Consulte as várias opções de annotations para uma lista mais completa do que pode ser personalizado.

  • type: o tipo de marcador desta série. Os valores válidos são "line", "area", "bars" e "steppedArea". Na verdade, as barras são verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType desta série.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle desta série.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape desta série.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible desta 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 tratará a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Exibe linhas de tendência nos gráficos compatíveis com elas. Por padrão, as linhas de tendência linear são usadas, mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Portanto, na maioria das vezes, as opções ficarão 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áticos, 3 para cúbico e assim por diante).

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

Se definida, a linha de tendência vai aparecer na legenda como esta string.

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

A largura da linha de tendência , 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. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

Opções de configuração do organograma

Nome
color

A cor de fundo dos elementos do organograma.

Tipo: string
Padrão:'#edf7ff'
selectionColor

A cor do plano 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 plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
is3D

Se true, exibe um gráfico tridimensional.

Tipo: boolean
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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, será mostrado um gráfico de rosca. O furo tem um raio igual a number vezes o raio do gráfico.

Tipo: number
Padrão:0
pieSliceBorderColor

A cor das bordas das fatias. 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 fração.
  • 'label': o nome da fatia.
  • 'none': nenhum texto é exibido.
Tipo: string
Padrão:'percentage'
pieSliceTextStyle

Um objeto que especifica o estilo de texto da fatia. O objeto tem este formato:

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

O color pode ser qualquer string de cor HTML, como '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 esta 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, como '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, como '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 plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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 as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Propriedade hAxis que torna o eixo horizontal 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. Ele ocorre para a direita na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo 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 menores horizontais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade secundárias agora depende totalmente do intervalo entre as principais linhas de grade (consulte hAxis.gridlines.interval) e o espaço mínimo necessário (consulte hAxis.minorGridlines.minSpacing).

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal até o valor especificado. Ele fica para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top'- Acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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 modificar os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível modificar os valores de séries individuais usando a propriedade series. Se você usar 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éries

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 suporta as seguintes propriedades:

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape desta série.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible desta série.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada,ou especificar um objeto em que cada filho tenha uma chave numérica que indica 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 na 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 tratará a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Exibe linhas de tendência nos gráficos compatíveis com elas. Por padrão, as linhas de tendência linear são usadas, mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Portanto, na maioria das vezes, as opções ficarão 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áticos, 3 para cúbico e assim por diante).

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

Se definida, a linha de tendência vai aparecer na legenda como esta string.

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

A largura da linha de tendência , 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. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

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

Nome
areaOpacity

A opacidade padrão da área colorida em uma série de gráfico 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 plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, enquanto um número seguido por % é 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 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 nome da 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 stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

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

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. 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', '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, como '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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de 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, como '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 horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

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

Tipo: number
Padrão:automático
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
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 de legenda para que eles correspondam melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda na parte de baixo). Isso não se aplica a gráficos de barras.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para totalizar 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 de todas as séries em cada valor de domínio e os redimensiona de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio e os redefine de modo a somar 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 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino exibirá 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 de eixo/marca são exibidos como porcentagens. No entanto, os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo percentual são o resultado da aplicação de um formato de "#.##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala de 0 a 1 relativos. Você pode personalizar os valores das linhas de grade/marcações e a formatação usando as opções hAxis/vAxis apropriadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência igual a zero.

Tipo: boolean/ string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
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, como '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éries

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 suporta as seguintes propriedades:

  • areaOpacity: substitui o areaOpacity global desta série.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • type: o tipo de marcador desta série. Os valores válidos são "line", "area", "bars" e "steppedArea". Na verdade, 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 será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle desta 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 séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada para o eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplicando à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica indicando a qual série se aplica.Por exemplo, as duas declarações a seguir são idênticas e declarar 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, como '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ções predefinidos que trabalham juntos para atingir um comportamento ou efeito visual específico de 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, como '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 tratará a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico 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 de propriedade 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. Depois, configure o eixo 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 definido. Este é 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 as propriedades desse objeto, use a notação literal de objeto, como 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 crescem. Por padrão, os valores baixos ficam na parte inferior 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 horizontalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, como 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 minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

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

Se for true, transforma o eixo vertical em 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 até o valor especificado. Na maioria dos gráficos, esse valor é crescente. Ignorado se estiver 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 menores dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, 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 principais linhas de grade e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical até o valor especificado. Na maioria dos gráficos, esse valor é baixo. Ignorado se estiver definido como um valor maior que o valor y mínimo 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', '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, como '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 de 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, como '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 dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

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

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
width

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

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

Nome
alternatingRowStyle

Determina se um estilo de cor alternada será atribuído às linhas pares e ímpares.

Tipo: boolean
Padrão:true
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
página

Se e como ativar a paginação pelos dados. Escolha um dos seguintes valores de string:

  • 'enable': a tabela vai incluir os botões "Avançar" e "Voltar". Clique nesses botões para realizar a operação de paginação e alterar a página exibida. Você também pode definir a opção pageSize.
  • 'event': a tabela inclui os botões "Avançar" e "Voltar", mas clicar neles aciona um evento 'page' e não altera a página exibida. Essa opção precisa ser usada quando o código implementa a própria lógica de virada de página. Consulte o exemplo de TableQueryWrapper (em inglês) para saber como processar eventos de paginação manualmente.
  • 'disable' - [Padrão] não há suporte para paginação.
    • 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
sort

Se e como classificar colunas quando o usuário clicar no cabeçalho de uma 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 precisa ser usada quando a página implementa a própria classificação. Consulte o exemplo de TableQueryWrapper (em inglês) para saber como processar eventos de classificação manualmente.
  • 'disable'- Clicar no cabeçalho de uma 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, pela qual a tabela é inicialmente classificada. A coluna é marcada com uma pequena seta indicando a ordem de classificação.

Tipo: number
Padrão:-1
width

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

Opções de configuração da Linha do tempo

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

Tipo:string ou object
Padrão:'white'
cores

As cores a serem usadas para os 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
height

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
width

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

Opções de configuração do mapa de árvore

Nome
headerColor

A cor da seção do 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 de coluna 3 de maxColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#00dd00
maxDepth

O número máximo de níveis de nó a serem mostrados na visualização atual. Os níveis são nivelados no plano atual. Se a árvore tiver mais níveis do que isso, suba ou desça para vê-los. Além disso, é possível ver os níveis de 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 serão mostrados de forma "dica". 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 de coluna 3 no meio entre maxColorValue e minColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
minColor

A cor de um retângulo com o valor da coluna 3 de minColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#dd0000
noColor

A cor a ser usada em um retângulo quando um nó não tem valor para a coluna 3 e esse nó é 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, como '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'. Além disso, consulte "fontName" e "fontSize".

Tipo: object
Padrão: {color: 'black', sourceName: <global-font-name>, sourceSize: <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, como 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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