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

Tipos de gráficos

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

Nome
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
displayRangeSelector

Define se a área de seleção do intervalo de zoom (a área na parte de baixo do gráfico) vai ser mostrada. false significa "não".

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

Tipo: boolean
Padrão:true
displayZoomButtons

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

Tipo: boolean
Padrão:true
max

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

Isso é semelhante a maxValue nos gráficos principais.

Tipo: number
Padrão: automático
min

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

Isso é semelhante a minValue nos gráficos principais.

Tipo: number
Padrão: automático

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

Nome
areaOpacity

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

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

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxis

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

Define se o valor dos pontos ausentes será estimado. Se true, o valor de qualquer dado ausente será estimado com base nos pontos vizinhos. Se false, ele vai deixar uma pausa na linha no ponto desconhecido.

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

Tipo: boolean
Padrão:false
isStacked

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

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

As opções para isStacked são:

  • false: os elementos não sã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 que eles somem 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 redimensiona de modo que eles somem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para acúmulo de 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

A sobreposição de 100% só aceita valores de dados do tipo number e precisa ter uma linha de base de 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha series associado. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos 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érie

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão para uma série, especifique um objeto {} vazio. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

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

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

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

  • areaOpacity: substitui o areaOpacity global para esta série.
  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • lineWidth: substitui o valor global de lineWidth para essa série.
  • pointShape: substitui o valor global de pointShape para esta série.
  • pointSize: substitui o valor global de pointSize para essa série.
  • pointsVisible: substitui o valor global de pointsVisible para esta série.
  • targetAxisIndex: o eixo a que essa série é atribuída, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que diferentes séries são renderizadas em eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplica à série na ordem especificada, ou um objeto em que cada filho tem uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo:string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:número ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxes

Especifica propriedades para eixos horizontais individuais, se o gráfico tiver vários eixos horizontais. Cada objeto filho é um objeto hAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando hAxes. O exemplo a seguir atribui a série 1 ao eixo de baixo e especifica um título e estilo de texto personalizados para ela:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

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

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

As opções para isStacked são:

  • false: os elementos não sã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 que eles somem 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 redimensiona de modo que eles somem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para acúmulo de 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

A sobreposição de 100% só aceita valores de dados do tipo number e precisa ter uma linha de base de 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

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

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto {} vazio. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

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

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

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

  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • targetAxisIndex: o eixo a que essa série é atribuída, 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível 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 não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplica à série na ordem especificada, ou um objeto em que cada filho tem uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, 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. Na maioria das vezes, suas opções vão ser parecidas com esta: 

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ático, 3 para cúbico e assim por diante).

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

Se definido, a Linha de tendência vai aparecer na legenda como esta string.

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

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

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxis

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

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

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

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

Tipo: object
Padrão:null
bubble.opacity

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

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

A cor do traço das bolhas.

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

Um objeto que especifica o estilo do texto da bolha. O objeto tem este formato:

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

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

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

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxis

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

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

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

Um objeto de objetos, em que as chaves são nomes de sé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 oferece suporte às seguintes propriedades:

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

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

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

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

Tipo: number
Padrão:30
sizeAxis.minSize

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

Tipo: number
Padrão: 5
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

Opções de configuração da agenda

Nome
altura

Altura do gráfico em pixels.

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

Largura do gráfico em pixels.

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

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxis

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

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

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

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

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto {} vazio. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • fallingColor.fill: substitui o valor global de candlestick.fallingColor.fill para essa série.
  • fallingColor.stroke: substitui o valor global de candlestick.fallingColor.stroke para essa série.
  • fallingColor.strokeWidth: substitui o valor global de candlestick.fallingColor.strokeWidth para essa série.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • risingColor.fill: substitui o valor global de candlestick.risingColor.fill para essa série.
  • risingColor.stroke: substitui o valor global de candlestick.risingColor.stroke para essa série.
  • risingColor.strokeWidth: substitui o valor global de candlestick.risingColor.strokeWidth para essa série.
  • targetAxisIndex: o eixo a que essa série é atribuída, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que diferentes séries são renderizadas em eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplica à série na ordem especificada, ou um objeto em que cada filho tem uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxis

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

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

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

As opções para isStacked são:

  • false: os elementos não sã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 que eles somem 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 redimensiona de modo que eles somem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para acúmulo de 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

A sobreposição de 100% só aceita valores de dados do tipo number e precisa ter uma linha de base de 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

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

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto {} vazio. Se uma série ou um valor não forem especificados, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

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

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

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

  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • targetAxisIndex: o eixo a que essa série é atribuída, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que diferentes séries são renderizadas em eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para eixos diferentes.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem especificada, ou um objeto em que cada filho tenha uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, 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. Na maioria das vezes, suas opções vão ser parecidas com esta: 

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ático, 3 para cúbico e assim por diante).

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

Se definido, a Linha de tendência vai aparecer na legenda como esta string.

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

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

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

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

Nome
areaOpacity

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

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

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
curveType

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

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

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

Define se o valor dos pontos ausentes será estimado. Se true, o valor de qualquer dado ausente será estimado com base nos pontos vizinhos. Se false, ele vai deixar uma pausa na linha no ponto desconhecido.

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

Tipo: boolean
Padrão:false
isStacked

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

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

As opções para isStacked são:

  • false: os elementos não sã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 que eles somem 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 redimensiona de modo que eles somem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para acúmulo de 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

A sobreposição de 100% só aceita valores de dados do tipo number e precisa ter uma linha de base de 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos 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ê estiver usando uma linha de tendência, a opção pointSize vai afetar a largura da linha de tendência, a menos que você a substitua pela opção trendlines.n.pointsize.

Tipo: number
Padrão:0
reverseCategories

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

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

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão para uma série, especifique um objeto {} vazio. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

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

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

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

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

É possível especificar uma matriz de objetos, cada um deles se aplica à série na ordem especificada, ou um objeto em que cada filho tem uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

Opções de configuração do medidor

Nome
greenColor

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

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

O valor mais baixo de um intervalo marcado por uma cor verde.

Tipo: number
Padrão: nenhum
greenTo

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

Tipo: number
Padrão: nenhum
altura

Altura do gráfico em pixels.

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

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

Isso é semelhante a maxValue nos gráficos principais.

Tipo: number
Padrão: automático
min

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

Isso é semelhante a minValue nos gráficos principais.

Tipo: number
Padrão:automático
redColor

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

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

O valor mais baixo de um intervalo marcado com uma cor vermelha.

Tipo: number
Padrão: nenhum
redTo

O valor mais alto de um intervalo marcado por uma cor vermelha.

Tipo: number
Padrão: nenhum
largura

Largura do gráfico em pixels.

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

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

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

O valor mais baixo de um intervalo marcado por uma cor amarela.

Tipo: number
Padrão: nenhum
yellowTo

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

Tipo: number
Padrão: nenhum

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
datalessRegionColor

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

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

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

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

O tipo de geomapa. O formato da tabela precisa corresponder ao valor especificado. Os seguintes valores são compatíveis:

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

Altura do gráfico em pixels.

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

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

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

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

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

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

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

A área a ser mostrada no mapa 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 um 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 dos 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'
largura

Largura do gráfico em pixels.

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

Opções de configuração de histograma

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxis

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

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

Um objeto com propriedades para configurar as linhas de grade no eixo horizontal. As linhas de grade do eixo horizontal são desenhadas verticalmente. Para especificar as propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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' e 'none'.

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que contém
histogram.bucketSize

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

Tipo: number
Padrão: auto
histogram.hideBucketItems

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

Tipo: boolean
Padrão:false
histogram.lastBucketPercentile

Ao calcular o tamanho do bucket do histograma, ignore os percentuais lastBucketPercentile superior e inferior. Os valores ainda são incluídos no histograma, mas não afetam a divisão em grupos.

Tipo: number
Padrão:0
interpolateNulls

Define se o valor dos pontos ausentes será estimado. Se true, o valor de qualquer dado ausente será estimado com base nos pontos vizinhos. Se false, ele vai deixar uma pausa na linha no ponto desconhecido.

Não é possível usar esse recurso em gráficos de área com a opção isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Padrão:false
isStacked

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

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

As opções para isStacked são:

  • false: os elementos não sã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 que eles somem 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 redimensiona de modo que eles somem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para acúmulo de 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

A sobreposição de 100% só aceita valores de dados do tipo number e precisa ter uma linha de base de 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

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

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar os valores padrão de uma série, especifique um objeto {} vazio. Se uma série ou um valor não forem especificados, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • targetAxisIndex: o eixo a que essa série é atribuída, 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 eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível 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 não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem especificada, ou um objeto em que cada filho tenha uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto
largura

Largura do gráfico em pixels.

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

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
curveType

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

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

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

Define se o valor dos pontos ausentes será estimado. Se for true, o valor de qualquer dado ausente será estimado com base nos pontos vizinhos. Se false, ele vai deixar uma pausa na linha no ponto desconhecido.

Não é possível usar esse recurso em 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos 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ê estiver usando uma linha de tendência, a opção pointSize vai afetar a largura da linha de tendência, a menos que você a substitua pela opção trendlines.n.pointsize.

Tipo: number
Padrão:0
reverseCategories

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

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

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto {} vazio. Se uma série ou um valor não forem especificados, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

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

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

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

  • type: o tipo de marcador dessa série. Os valores válidos são "line", "area", 'bars' e 'steppedArea'. As barras são barras verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType para essa série.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • lineWidth: substitui o valor global de lineWidth para essa série.
  • pointShape: substitui o valor global de pointShape para esta série.
  • pointSize: substitui o valor global de pointSize para essa série.
  • pointsVisible: substitui o valor global de pointsVisible para esta série.
  • targetAxisIndex: o eixo a que essa série será atribuída, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que diferentes séries são renderizadas em eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplica à série na ordem especificada, ou um objeto em que cada filho tem uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Tipo: boolean
linhas de tendência

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, 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. Na maioria das vezes, suas opções vão ser parecidas com esta: 

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ático, 3 para cúbico e assim por diante).

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

Se definido, a Linha de tendência vai aparecer na legenda como esta string.

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

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

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

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

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

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

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo vertical.

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

O valor máximo de dados verticais a serem renderizados.

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

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

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

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

Tipo: number
Padrão: auto

Opções de configuração do organograma

Nome
cor

A cor de fundo dos elementos do organograma.

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

A cor de 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 de gráficos de pizza

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo: string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
altura

Altura do gráfico em pixels.

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

Se true, mostra 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, conforme mostrado aqui: 

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

Se estiver entre 0 e 1, um gráfico de rosca será exibido. O buraco tem um raio igual a number vezes o raio do gráfico.

Tipo: number
Padrão:0
pieSliceBorderColor

A cor das bordas da fatia. Aplicável apenas quando o gráfico é bidimensional.

Tipo: string
Padrão:'white'
pieSliceText

O conteúdo do texto exibido na fatia. Será um dos seguintes valores:

  • 'percentage': a porcentagem do tamanho da fatia em relação ao total.
  • 'value': o valor quantitativo do recorte.
  • 'label': o nome do corte.
  • 'none': nenhum texto é mostrado.
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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

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

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

Tipo: boolean
Padrão:false
slices.color

A cor a ser usada para 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

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

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

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

Nome
backgroundColor

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

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

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

Tipo:string
Padrão:'white'
chartArea

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

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

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

É a distância de desenho do gráfico em relação à borda superior.

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

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
curveType

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

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

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

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

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter 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, conforme mostrado aqui: 

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

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

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

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

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

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

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

A 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, que será para a direita na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo de x dos dados. hAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

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

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

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias agora depende inteiramente do intervalo entre as linhas de grade principais (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 para o valor especificado. Na maioria dos gráficos, ele será movido para a esquerda. Será ignorado se definido como um valor maior que o valor mínimo de x dos dados. hAxis.viewWindow.min substitui essa propriedade.

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

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

Especifica o intervalo de corte do eixo horizontal.

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

O valor máximo de dados horizontais a serem renderizados.

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

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

O valor mínimo de dados horizontais a renderizar.

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

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

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

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

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

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos 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ê estiver usando uma linha de tendência, a opção pointSize vai afetar a largura da linha de tendência, a menos que você a substitua pela opção trendlines.n.pointsize.

Tipo: number
Padrão:0
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão para uma série, especifique um objeto {} vazio. Se uma série ou um valor não forem especificados, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

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

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem especificada,ou um objeto em que cada filho tenha uma chave numérica indicando a série a que se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

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

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

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

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Mostra linhas de tendência nos gráficos compatíveis. Por padrão, 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. Na maioria das vezes, suas opções vão ser parecidas com esta: 

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ático, 3 para cúbico e assim por diante).

Tipo: number
Padrão:3
trendlines.n.labelInLegend

Se definido, a Linha de tendência vai aparecer na legenda como esta string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha 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. Ele vai aparecer na dica de ferramenta da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma linha de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado, que será para cima na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo do eixo Y dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão: automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de fundo e da grade
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Será ignorado se definido como um valor maior que o valor mínimo do eixo Y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão: auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão: auto

Opções de configuração do gráfico de áreas em degraus

Nome
areaOpacity

A opacidade padrão da área colorida em uma série de gráficos de área, em que 0.0 é totalmente transparente e 1.0 é totalmente opaco. Para especificar a opacidade de uma série individual, defina o valor areaOpacity na propriedade series.

Tipo:number, 0.0- 1.0
Padrão:0.3
backgroundColor

A cor de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as seguintes propriedades.

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são aceitos: um número ou um número seguido de %. Um número simples é um valor em pixels. Um número seguido de % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou o 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: auto
chartArea.left

Distância entre o gráfico e a borda esquerda.

Tipo:number ou string
Padrão: auto
chartArea.top

É a distância de desenho do gráfico em relação à borda superior.

Tipo:number ou string
Padrão: auto
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão: auto
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
hAxis

Um objeto com membros para configurar vários elementos do eixo horizontal. Para especificar as propriedades desse objeto, use a notação literal de objeto, conforme mostrado aqui: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para reverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo de texto do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão: auto
hAxis.viewWindow.min

O valor mínimo de dados horizontais a renderizar.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão: auto
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que contém
isStacked

Se definido como true, os elementos de todas as séries são empilhados em cada valor de domínio. Observação:nos gráficos Coluna, Área e SteppedArea, o Google Charts inverte a ordem dos itens da legenda para corresponder melhor à sobreposição dos elementos da série. Por exemplo, a série 0 será o item de legenda mais inferior. Isso não se aplica a gráficos de barras.

A opção isStacked também oferece suporte à empilhamento de 100%, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não sã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 que eles somem 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 redimensiona de modo que eles somem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para acúmulo de 100%, o valor calculado de cada elemento vai aparecer na dica após o valor real.

O eixo de destino vai usar por padrão os valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent'. Observação:ao usar a opção 'percent', os valores do eixo/marcação são mostrados como porcentagens, mas os valores reais são os valores relativos de 0 a 1. Isso ocorre porque as marcas de eixo de porcentagem são o resultado da aplicação de um formato de "#.##%" aos valores relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores relativos da escala de 0 a 1. É possível personalizar as linhas de grade/valores de marcação e a formatação usando as opções hAxis/vAxis adequadas.

A sobreposição de 100% só aceita valores de dados do tipo number e precisa ter uma linha de base de 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, conforme mostrado aqui: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas. Se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo de texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto {} vazio. Se uma série ou um valor não forem especificados, o valor global será usado. Cada objeto oferece suporte às seguintes propriedades:

  • areaOpacity: substitui o areaOpacity global para esta série.
  • color: a cor a ser usada nessa série. Especifique uma string de cor HTML válida.
  • type: o tipo de marcador dessa série. Os valores válidos são "line", "area", "bars" e "steppedArea". As barras são barras verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • labelInLegend: a descrição da série que vai aparecer na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle para esta série.
  • targetAxisIndex: o eixo a que essa série é atribuída, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que diferentes séries são renderizadas em eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. É possível definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplica à série na ordem indicada, ou um objeto em que cada filho tem uma chave numérica indicando a série a que se aplica.Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um comportamento ou efeito visual específico do gráfico. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos dentro da área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico vai tratar a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades aceitas por 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 e, em seguida, configure o eixo usando vAxes. O exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e estilo de texto personalizados para ela: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, uma por eixo. Por exemplo, a seguinte notação em 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 objetos 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, conforme mostrado aqui: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores baixos ficam na parte de baixo do gráfico. Especifique -1 para reverter 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, conforme mostrado aqui: 

{color: '#333', minSpacing: 20}

Essa opção só é compatível com um eixo continuous.

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ele será usado para calcular o minSpacing entre as linhas de grade. É possível especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar nenhuma linha de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se true, torna o eixo vertical uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado, que será para cima na maioria dos gráficos. Será ignorado se definido como um valor menor que o valor máximo do eixo Y dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão: automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais secundárias dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma mistura das cores de fundo e da grade
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada, exceto para desativar linhas de grade menores definindo a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Isso vai ser para baixo na maioria dos gráficos. Será ignorado se definido como um valor maior que o valor mínimo do eixo Y dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in' e 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo de dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão: auto
vAxis.viewWindow.min

O valor mínimo de dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "pretty" ou "maximized".

Tipo: number
Padrão: auto
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que contém

Opções de configuração do gráfico de tabela

Nome
alternatingRowStyle

Determina se um estilo de cor alternada será atribuído a linhas ímpares e pares.

Tipo: boolean
Padrão:true
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que contém
página

Se e como ativar a paginação pelos dados. Escolha um dos seguintes valores de string:

  • 'enable': a tabela inclui botões de avançar e voltar de página. Clicar nesses botões vai realizar a operação de paginação e mudar a página exibida. Você também pode definir a opção pageSize.
  • 'event': a tabela inclui botões de avançar e voltar, mas clicar neles aciona um evento 'page' e não muda 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 para conferir um exemplo de 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
classificar

Se e como classificar as colunas quando o usuário clica em um cabeçalho. Se a classificação estiver ativada, considere definir as propriedades sortAscending e sortColumn também. Escolha um dos seguintes valores de string:

  • 'enable': [Padrão] os usuários podem clicar nos cabeçalhos das colunas para classificar por essa coluna. 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 para conferir um exemplo de como processar eventos de ordenação manualmente.
  • 'disable': clicar em um cabeçalho de coluna não tem efeito.
Tipo: string
Padrão:'enable'
sortAscending

A ordem em que a coluna de classificação inicial é classificada. True para crescente e 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 que indica a ordem de classificação.

Tipo: number
Padrão:-1
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que contém

Opções de configuração da linha do tempo

Nome
backgroundColor

A cor de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as seguintes propriedades.

Tipo:string ou object
Padrão:'white'
cores

As cores a serem usadas nos elementos do gráfico. Uma matriz de strings, em que cada elemento é uma string de cor HTML, por exemplo: colors:['red','#004411'].

Tipo:matriz de strings
Padrão:cores padrão
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que contém
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que contém

Opções de configuração do mapa de árvore

Nome
headerColor

A cor da seção de cabeçalho de cada nó. Especifique um valor de cor HTML.

Tipo: string
Padrão:#988f86
maxColor

A cor de um retângulo com um valor 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 achatados no plano atual. Se a árvore tiver mais níveis, você precisará subir ou descer para visualizá-los. Além disso, você pode ver os níveis maxPostDepth abaixo como retângulos sombreados dentro desses nós.

Tipo: number
Padrão:1
maxPostDepth

Quantos níveis de nós além de maxDepth serão mostrados de forma "sugerida". Os nós sugeridos são mostrados como retângulos sombreados em um nó que está dentro do limite de maxDepth.

Tipo: number
Padrão:0
midColor

A cor de um retângulo com um valor da coluna 3 no meio 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 para um retângulo quando um nó não tem um 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, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Um objeto que especifica o estilo do texto do título. A cor pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}