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

Tipos de gráficos

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

Nome
Cores

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

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

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

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

Tipo: boolean
Padrão:true
displayZoomButtons

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

Tipo: boolean
Padrão:true
máx

O valor máximo a ser exibido no eixo Y. Se o ponto máximo de dados exceder esse valor, essa configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca de seleção acima do ponto de dados máximo. 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 exibido no eixo Y. Se o ponto de dados mínimo for menor que esse valor, essa configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca de seleção principal abaixo do ponto de dados mínimo. 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 do plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

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

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

Tipo: boolean
Padrão:false
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: nos gráficos Column, Area e SteppedArea, os Gráficos Google invertem a ordem dos itens de legenda para corresponder melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda mais inferior). Isso não se aplica a gráficos de barra.

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

As opções para isStacked são:

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

Para o empilhamento total, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

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

Tipo:boolean/string
Padrão:false
lenda

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

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

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

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

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use "0" 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 em uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto é compatível com as seguintes propriedades:

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

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

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

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

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

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

Nome
backgroundColor

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

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

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

Tipo:string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 caso o gráfico tenha vários eixos horizontais. Cada objeto filho é um objeto hAxis e pode conter todas as propriedades compatíveis com hAxis. Esses valores de propriedade substituem 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 inferior e especifica um título e estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto hAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: nos gráficos Column, Area e SteppedArea, os Gráficos Google invertem a ordem dos itens de legenda para corresponder melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda mais inferior). Isso não se aplica a gráficos de barra.

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

As opções para isStacked são:

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

Para o empilhamento total, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

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

Tipo:boolean/string
Padrão:false
lenda

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

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

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

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

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

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

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

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

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

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

Tipo: boolean
Padrão:false
Série

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

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

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

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

  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • targetAxisIndex: a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não. O padrão é true.

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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

Exibe 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. Assim, na maioria das vezes, suas opções ficarão assim:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Tipo: object
Padrão:null
trendlines.n.color

A cor da linha de tendência , expressa como um nome de cor em inglês ou uma string hexadecimal.

Tipo: string
Padrão:cor padrão da série
trendlines.n.degree

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

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

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

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

A largura da linha de tendência, em pixels.

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

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

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

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

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxis

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
bubble

Um objeto com membros para configurar as propriedades visuais dos círculos.

Tipo: object
Padrão:null
bubble.opacity

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

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

O color pode ser qualquer string de cor HTML, 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 próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por um percentual. Um número simples é um valor em pixels, e um número seguido por % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que o 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 do objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

  • color: a cor a ser usada nesta 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. 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 dos círculos. Para especificar as propriedades desse objeto, use a notação literal do objeto, como mostrado aqui:

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

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

Tipo: number
Padrão:30
sizeAxis.minSize

Raio mínimo do menor balão possível, em pixels.

Tipo: number
Padrão:5
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

Opções de configuração da agenda

Nome
altura

Altura do gráfico em pixels.

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

Largura do gráfico em pixels.

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

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que o 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 do objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

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

Tipo: boolean
Padrão:false
Série

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

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

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: nos gráficos Column, Area e SteppedArea, os Gráficos Google invertem a ordem dos itens de legenda para corresponder melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda mais inferior). Isso não se aplica a gráficos de barra.

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

As opções para isStacked são:

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

Para o empilhamento total, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

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

Tipo:boolean/string
Padrão:false
lenda

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

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

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

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

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

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

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

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

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

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

Tipo: boolean
Padrão:false
Série

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

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

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

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

  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • targetAxisIndex: a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. Você pode definir uma escala diferente para eixos diferentes.

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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

Exibe 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. Assim, na maioria das vezes, suas opções ficarão assim:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Tipo: object
Padrão:null
trendlines.n.color

A cor da linha de tendência , expressa como um nome de cor em inglês ou uma string hexadecimal.

Tipo: string
Padrão:cor padrão da série
trendlines.n.degree

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

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

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

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

A largura da linha de tendência, em pixels.

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

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

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

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

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

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

Nome
areaOpacity

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

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

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

Tipo: boolean
Padrão:false
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: nos gráficos Column, Area e SteppedArea, os Gráficos Google invertem a ordem dos itens de legenda para corresponder melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda mais inferior). Isso não se aplica a gráficos de barra.

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

As opções para isStacked são:

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

Para o empilhamento total, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

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

Tipo:boolean/string
Padrão:false
lenda

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

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

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

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

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use "0" 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 for especificado, o valor global será usado. Cada objeto é compatível com as seguintes propriedades:

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

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

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

  • areaOpacity: substitui o areaOpacity global para esta série.
  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global curveType da série.
  • fallingColor.fill: substitui o valor global candlestick.fallingColor.fill da série.
  • fallingColor.stroke: substitui o valor global candlestick.fallingColor.stroke da série.
  • fallingColor.strokeWidth: substitui o valor global candlestick.fallingColor.strokeWidth da série.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • lineDashStyle: substitui o valor global lineDashStyle para esta série.
  • lineWidth: substitui o valor global lineWidth da série.
  • pointShape: substitui o valor global pointShape para esta série.
  • pointSize: substitui o valor global pointSize da série.
  • pointsVisible: substitui o valor global pointsVisible para esta série.
  • risingColor.fill: substitui o valor global candlestick.risingColor.fill da série.
  • risingColor.stroke: substitui o valor global candlestick.risingColor.stroke da série.
  • risingColor.strokeWidth: substitui o valor global candlestick.risingColor.strokeWidth da série.
  • targetAxisIndex: a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • type: o tipo de marcador da série. Os valores válidos são 'line', 'area', 'bars' e 'steppedArea'. Observe que as barras são, na verdade, barras 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. O padrão é true.

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

Opções de configuração do medidor

Nome
greenColor

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

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

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

Tipo: number
Padrão:nenhum
greenTo

O valor mais alto para 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
máx

O valor máximo a ser exibido no eixo Y. Se o ponto máximo de dados exceder esse valor, essa configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca de seleção acima do ponto de dados máximo. 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 exibido no eixo Y. Se o ponto de dados mínimo for menor que esse valor, essa configuração será ignorada, e o gráfico será ajustado para mostrar a próxima marca de seleção principal abaixo do ponto de dados mínimo. 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 na seção vermelha na notação de cor HTML.

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

O menor valor de um intervalo marcado por uma cor vermelha.

Tipo: number
Padrão:nenhum
redTo

O valor mais alto para um intervalo marcado com 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 na seção amarela na notação de cor HTML.

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

O menor valor de um intervalo marcado por uma cor amarela.

Tipo: number
Padrão:nenhum
yellowTo

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

Tipo: number
Padrão:nenhum

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
datalessRegionColor

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

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

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

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

Que tipo de gráfico de mapa é este. O formato de tabela de dados precisa corresponder ao valor especificado. Os valores a seguir são aceitos:

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

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que o 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 do objeto, como mostrado aqui:

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

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

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

O color pode ser qualquer string de cor HTML, 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>}
region

A área a ser exibida no gráfico. As áreas próximas também são exibidas. Será um dos seguintes:

  • 'world': um geográfico do mundo inteiro.
  • Um continente ou subcontinente, especificado pelo código de três dígitos, por exemplo, '011' para a África Ocidental.
  • Um país, especificado pelo código ISO 3166-1 alpha-2, por exemplo, 'AU' para a Austrália.
  • Um estado nos Estados Unidos, especificado pelo código ISO 3166-2:US, por exemplo, 'US-AL' para Alabama. Observe que 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 o contém

Opções de configuração de histograma

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.textPosition

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

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

Tipo: number
Padrão:automático
histogram.hideBucketItems

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

Tipo: boolean
Padrão:false
histogram.lastBucketPercentile

Ao calcular o tamanho do bucket do histograma, ignore os lastBucketPercentile%% de cima e de baixo. Os valores ainda estão incluídos no histograma, mas não afetam o agrupamento por classes.

Tipo: number
Padrão:0
interpolateNulls

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

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

Tipo: boolean
Padrão:false
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: nos gráficos Column, Area e SteppedArea, os Gráficos Google invertem a ordem dos itens de legenda para corresponder melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda mais inferior). Isso não se aplica a gráficos de barra.

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

As opções para isStacked são:

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

Para o empilhamento total, o valor calculado de cada elemento vai aparecer na dica após o valor real.

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

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

Tipo:boolean/string
Padrão:false
lenda

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

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

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

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

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

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

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

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

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

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

Tipo: boolean
Padrão:false
Série

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

  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • targetAxisIndex: a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não. O padrão é true.

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático
largura

Largura do gráfico em pixels.

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

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo:string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

Um objeto que especifica o estilo 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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

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

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

Tipo: boolean
Padrão:false
lenda

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

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

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

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

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

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

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

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

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

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use "0" 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 for especificado, o valor global será usado. Cada objeto é compatível com as seguintes propriedades:

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

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

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

  • type: o tipo de marcador da série. Os valores válidos são 'line', 'area', 'bars' e 'steppedArea'. Observe que as barras são, na verdade, barras verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global curveType da série.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • lineDashStyle: substitui o valor global lineDashStyle para esta série.
  • lineWidth: substitui o valor global lineWidth da série.
  • pointShape: substitui o valor global pointShape para esta série.
  • pointSize: substitui o valor global pointSize da série.
  • pointsVisible: substitui o valor global pointsVisible para esta série.
  • targetAxisIndex: a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não. O padrão é true.

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem indicada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

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

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

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

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

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

Um tema é um conjunto de valores de opção predefinidos que funcionam 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

Exibe 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. Assim, na maioria das vezes, suas opções ficarão assim:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Tipo: object
Padrão:null
trendlines.n.color

A cor da linha de tendência , expressa como um nome de cor em inglês ou uma string hexadecimal.

Tipo: string
Padrão:cor padrão da série
trendlines.n.degree

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

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

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

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

A largura da linha de tendência , em pixels.

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

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

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

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

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

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

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

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

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

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

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

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

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

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

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

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

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

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

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

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

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

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

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

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

Tipo: number
Padrão:automático

Opções de configuração do organograma

Nome
cor

A cor do plano de fundo dos elementos do organograma.

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

A cor do plano de fundo dos elementos selecionados do organograma.

Tipo: string
Padrão:'#d6e9f8'
tamanho

O tamanho geral do gráfico. As opções incluem 'small', 'medium' ou 'large'.

Tipo: string
Padrão:'medium'

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 o contém
is3D

Se for true, exibirá 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 do objeto, como mostrado aqui:

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

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

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

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

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

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

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

Se estiver entre 0 e 1, exibe um gráfico de rosca. O buraco tem um raio igual a number vezes o raio do gráfico.

Tipo: number
Padrão:0
pieSliceBorderColor

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

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

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

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

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

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

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

Tipo: boolean
Padrão:false
slices.color

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

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

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

Tipo:string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

É a distância para desenhar o gráfico a partir da borda esquerda.

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas 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 do objeto, como mostrado aqui:

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

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

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

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

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

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

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

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

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

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

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

hAxis que torna o eixo horizontal uma escala logarítmica (requer que todos os valores sejam positivos). Para sim, defina como true.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

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

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

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

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
hAxis.minorGridlines.count

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo 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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que o 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 do objeto, como mostrado aqui:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas a ele. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar somente os pontos. É possível modificar os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação sobre pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use "0" 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 em uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto é compatível com as seguintes propriedades:

  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • lineWidth: substitui o valor global lineWidth da série.
  • pointShape: substitui o valor global pointShape para esta série.
  • pointSize: substitui o valor global pointSize da série.
  • pointsVisible: substitui o valor global 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. O padrão é true.

Você pode especificar uma matriz de objetos, sendo que cada um deles se aplica à série na ordem especificada,ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série 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 com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que funcionam 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

Exibe 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. Assim, na maioria das vezes, suas opções ficarão assim:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
    
Tipo: object
Padrão:null
trendlines.n.color

A cor da linha de tendência , expressa como um nome de cor em inglês ou uma string hexadecimal.

Tipo: string
Padrão:cor padrão da série
trendlines.n.degree

Para linhas de tendência de type: 'polynomial', o grau do polinômio (2 para quadrático, 3 para cúbico e assim por diante).

Tipo: number
Padrão:3
trendlines.n.labelInLegend

Se definido, a linha de tendência aparecerá na legenda como essa string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha de tendência , em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Define se as linhas de tendência são 'linear' (padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Se a equação da linha de tendência aparece na legenda. Ele vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico vai tratar a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos de eixo vertical. Para especificar as propriedades desse objeto, use a notação literal do objeto, como mostrado aqui:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores mais baixos estão na parte inferior do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

Um objeto com membros para configurar as linhas de grade no eixo vertical. As linhas de grade do eixo vertical são desenhadas horizontalmente. Para especificar as propriedades desse objeto, use a notação literal do objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção é compatível apenas com um eixo continuous.

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais na área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais na área do gráfico. Se você especificar um número positivo para gridlines.count, ele vai ser usado para calcular o minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade secundárias menores na área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada principalmente, exceto para desativar linhas de grade secundárias ao definir a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as principais linhas de grade e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

O valor mínimo de dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

Opções de configuração do gráfico de área em degraus

Nome
areaOpacity

A opacidade padrão da área colorida em uma série de grá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 do plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o próprio gráfico é desenhado, excluindo eixo e legendas). Dois formatos são compatíveis: um número ou um número seguido por %. Um número simples é um valor em pixels, e um número seguido por % é uma porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor do plano de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou o nome de uma cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidas:
  • stroke: a cor, fornecida como uma string hexadecimal ou nome de cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico com a largura especificada (e com a cor stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

É a distância para desenhar o gráfico a partir da borda esquerda.

Tipo:number ou string
Padrão:automático
chartArea.top

A distância para desenhar o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
Cores

As cores a serem usadas 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 do objeto, como mostrado aqui:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo 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

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, 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 ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a ser renderizado.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que o contém
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: nos gráficos Column, Area e SteppedArea, os Gráficos Google invertem a ordem dos itens de legenda para corresponder melhor ao empilhamento dos elementos da série (por exemplo, a série 0 será o item de legenda mais inferior). Isso não se aplica a gráficos de barra.

A opção isStacked também é compatível com 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionadas para somar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha os elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha os elementos de todas as séries em cada valor de domínio e os redimensiona de modo que eles totalizem 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha os elementos de todas as séries em cada valor de domínio e os redimensiona para que a soma deles seja 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento total, o valor calculado de cada elemento vai aparecer na dica após o valor real.

Por padrão, o eixo de destino usará os valores de marcação com base na escala relativa de 0-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 exibidos como porcentagens, mas os valores reais são os valores de escala relativos de 0-1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato de "#,##%" aos valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', especifique todas as marcações/linhas de grade usando os valores de escala relativos de 0 a 1. Você pode personalizar a formatação e os valores das linhas de grade/marcações usando as opções de hAxis/vAxis adequadas.

O empilhamento de 100% só oferece suporte a valores de dados do tipo number e precisa ter um valor de referência zero.

Tipo:boolean/ string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar as propriedades desse objeto, use a notação literal do objeto, como mostrado aqui:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': à esquerda do gráfico, desde que o eixo esquerdo não tenha séries associadas a ele. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, no canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é compatível com um eixo discrete major.

Tipo: boolean
Padrão:false
Série

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto é compatível com as seguintes propriedades:

  • areaOpacity: substitui o areaOpacity global para esta série.
  • color: a cor a ser usada nesta série. Especifique uma string de cor HTML válida.
  • type: o tipo de marcador da série. Os valores válidos são 'line', 'area', 'bars' e 'steppedArea'. Observe que as barras são, na verdade, barras verticais (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • labelInLegend: é a descrição da série que aparece na legenda do gráfico.
  • lineDashStyle: substitui o valor global lineDashStyle para esta série.
  • targetAxisIndex: a qual eixo atribuir esta série, em que 0 é o eixo padrão e 1 é o eixo oposto. O valor padrão é 0. Defina como 1 para definir um gráfico em que séries diferentes são renderizadas em relação a eixos diferentes. Pelo menos uma série precisa ser alocada ao eixo padrão. Você pode definir uma escala diferente para eixos diferentes.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa ter uma entrada de legenda e false significa que não. O padrão é true.

Você pode especificar uma matriz de objetos, cada um sendo aplicado à série na ordem indicada, ou você pode especificar um objeto em que cada filho tem uma chave numérica que indica a qual série se aplica.Por exemplo, as duas declarações a seguir são idênticas e declarar a primeira série como preta e ausente da legenda e a quarta como vermelha e ausente da legenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo:matriz de objetos ou com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, por exemplo: 'red' ou '#00cc00'. Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opção predefinidos que funcionam 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, caso o gráfico tenha vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatíveis com vAxis. Esses valores de propriedade substituem 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 um estilo de texto personalizados para ele:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo que ele define. Esse é o formato mostrado acima. A matriz é uma matriz de objetos, um por eixo. Por exemplo, a seguinte notação de estilo de matriz é idêntica ao objeto vAxis mostrado acima:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tipo:matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos de eixo vertical. Para especificar as propriedades desse objeto, use a notação literal do objeto, como mostrado aqui:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, os valores mais baixos estão na parte inferior do gráfico. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
vAxis.gridlines

Um objeto com membros para configurar as linhas de grade no eixo vertical. As linhas de grade do eixo vertical são desenhadas horizontalmente. Para especificar as propriedades desse objeto, use a notação literal do objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção é compatível apenas com um eixo continuous.

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais na área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais na área do gráfico. Se você especificar um número positivo para gridlines.count, ele vai ser usado para calcular o minSpacing entre as linhas de grade. Você pode especificar um valor de 1 para desenhar apenas uma linha de grade ou 0 para não desenhar linhas de grade. Especifique -1, que é o padrão, para calcular automaticamente o número de linhas de grade com base em outras opções.

Tipo: number
Padrão:-1
vAxis.logScale

Se 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. Esse valor será para cima na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante à opção vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade secundárias menores na área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:uma combinação das cores da linha de grade e do plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada principalmente, exceto para desativar linhas de grade secundárias ao definir a contagem como 0. O número de linhas de grade secundárias depende do intervalo entre as principais linhas de grade e do espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. Esse valor será para baixo na maioria dos gráficos. Ignorado se o parâmetro estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, 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 é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

O valor mínimo de dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

Opções de configuração do gráfico de tabela

Nome
alternatingRowStyle

Determina se um estilo de cor alternada será atribuído a linhas pares e ímpares.

Tipo: boolean
Padrão:true
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento que o contém
página

Se e como ativar a paginação pelos dados. Escolha um dos seguintes valores de string:

  • 'enable': a tabela vai incluir botões de avançar e voltar a página. Ao clicar nesses botões, a operação de paginação será executada e a página exibida será alterada. Também é possível definir a opção pageSize.
  • 'event': a tabela vai incluir botões de avançar e voltar a página, mas clicar neles aciona um evento 'page', e não muda a página exibida. Essa opção deve ser usada quando o código implementa a própria lógica de virada de página. Consulte o exemplo de TableQueryWrapper para saber como processar eventos de paginação manualmente.
  • 'disable': [Padrão] não há suporte para a Paging.
  • 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 "Página".

Tipo: number
Padrão:10
showRowNumber

Se definido como true, mostra o número da linha como a primeira coluna da tabela.

Tipo: boolean
Padrão:false
sort

Se e como classificar colunas quando o usuário clicar no cabeçalho de uma coluna. Se a classificação estiver ativada, defina também as propriedades sortAscending e sortColumn. Escolha um dos seguintes valores de string:

  • 'enable': [Padrão] os usuários podem clicar nos cabeçalhos das colunas para classificar de acordo com a coluna clicada. Quando os usuários clicam no cabeçalho da coluna, as linhas são classificadas automaticamente, e um evento 'sort' é acionado.
  • 'event': quando os usuários clicam no cabeçalho da coluna, um evento 'sort' é acionado, mas as linhas não são classificadas automaticamente. Essa opção deve ser usada quando a página implementa a própria classificação. Consulte o exemplo de TableQueryWrapper para saber como processar eventos de classificação manualmente.
  • 'disable'- Clicar no cabeçalho de uma coluna não tem efeito.
Tipo: string
Padrão:'enable'
sortAscending

A ordem em que a coluna de classificação inicial é classificada. True para crescente, false para decrescente. Será ignorado se sortColumn não for especificado.

Tipo: boolean
Padrão:true
sortColumn

Um índice de uma coluna na tabela de dados, por qual a tabela é inicialmente classificada. A coluna é marcada com uma pequena seta indicando 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 o contém

Opções de configuração da linha do tempo

Nome
backgroundColor

A cor do plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com as propriedades a seguir.

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 o contém
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento que o contém

Opções de configuração do mapa de árvore

Nome
headerColor

A cor da seção do cabeçalho de cada nó. Especifique um valor de cor HTML.

Tipo: string
Padrão:#988f86
maxColor

A cor de um retângulo com um valor da coluna 3 de maxColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#00dd00
maxDepth

O número máximo de níveis de nó a serem mostrados na visualização atual. Os níveis são nivelados no plano atual. Se a árvore tiver mais níveis do que isso, você precisará subir ou descer para vê-los. Além disso, é possível ver níveis de maxPostDepth abaixo disso 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 exibidos de maneira "dica". Os nós sugeridos são mostrados como retângulos sombreados dentro de um nó que está dentro do limite de maxDepth.

Tipo: number
Padrão:0
midColor

A cor de um retângulo com um valor de coluna 3 entre maxColorValue e minColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
minColor

A cor de um retângulo com o valor da coluna 3 de minColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#dd0000
noColor

A cor a ser usada em um retângulo quando um nó não tem valor para a coluna 3 e esse nó é uma folha (ou contém apenas folhas). Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, 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>}