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

Tipos de gráficos

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

Nome
cores

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

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

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

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

Tipo: boolean
Padrão:true
displayZoomButtons

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

Tipo: boolean
Padrão:true
max

O valor máximo a ser exibido no eixo Y. Se o ponto de dados máximo exceder este valor, este será ignorada, e o gráfico será ajustado para mostrar a próxima marca de seleção acima do ponto de dados máximo. Tem precedência sobre o valor máximo determinado do eixo Y por scaleType.

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

Tipo: number
Padrão:automático
min

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

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

Tipo: number
Padrão:automático

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

Nome
areaOpacity

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

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

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Define se o valor de pontos ausentes deve ser determinado. Se true, ele vai adivinhar o de todos os dados ausentes com base nos pontos vizinhos. Se for false, deixe uma quebra na linha em um ponto desconhecido.

Isso não é compatível com Gráficos de área com 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: em Coluna, Área e Gráficos SteppedArea O Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos os elementos da série (por exemplo, a série 0 será o item mais abaixo na legenda). Isso não se aplica a Gráficos de barras.

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

As opções para isStacked são:

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

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

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

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

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. Você pode os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível substituir os valores para 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ó é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

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

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

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

    Veja as diversas opções de annotations para uma lista mais completa do que pode ser personalizado.

  • areaOpacity: substitui o areaOpacity global desta série.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle por este Google Workspace.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape por este Google Workspace.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible por este Google Workspace.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 deve tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

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

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

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

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

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

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

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

Especifica o intervalo de corte do eixo vertical.

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

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

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

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

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

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

Tipo: number
Padrão:automático

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

Nome
backgroundColor

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

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

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

Tipo:string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

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

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

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

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

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

As opções para isStacked são:

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

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

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

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

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

Essa opção só é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

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

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

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

    Veja as diversas opções de annotations para uma lista mais completa do que pode ser personalizado.

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

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

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

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

Telas linhas de tendência nos gráficos que as suportam. Por padrão, linear linhas de tendência são mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Por isso, na maioria das vezes, suas opções serã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 do linha de tendência , expresso 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, o linha de tendência aparecerá na legenda como esta string.

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

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

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

Seja linhas de tendência é 'linear' (o padrão), 'exponential' ou 'polynomial'.

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

Seja linha de tendência equação aparece na legenda. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

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

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

Especifica o intervalo de corte do eixo vertical.

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

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

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

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

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

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

Tipo: number
Padrão:automático

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
bubble

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

Tipo: object
Padrão:null
bubble.opacity

É a opacidade dos círculos, em que 0 é totalmente transparente e 1 é totalmente opaco.

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

A cor das bolhas traço

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

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

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

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

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

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

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

Um objeto com membros para configurar como os valores são associados ao tamanho do balão. Para especificar deste objeto, você pode usar a notação literal de objeto, como mostrado aqui:

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

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

Tipo: number
Padrão:30
sizeAxis.minSize

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

Tipo: number
Padrão:5
subtitle

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

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

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

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

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

Especifica o intervalo de corte do eixo vertical.

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

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

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

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

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

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

Tipo: number
Padrão:automático

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

Nome
altura

Altura do gráfico em pixels.

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

Largura do gráfico em pixels.

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

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

Essa opção só é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

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

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • fallingColor.fill: substitui o Valor candlestick.fallingColor.fill para esta série.
  • fallingColor.stroke: substitui o Valor candlestick.fallingColor.stroke para esta série.
  • fallingColor.strokeWidth: substitui o Valor candlestick.fallingColor.strokeWidth para esta série.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • risingColor.fill: substitui o Valor candlestick.risingColor.fill para esta série.
  • risingColor.stroke: substitui o Valor candlestick.risingColor.stroke para esta série.
  • risingColor.strokeWidth: substitui o Valor candlestick.risingColor.strokeWidth para esta série.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

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

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

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

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

Tipo: boolean
vAxes

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

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

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

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

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

Especifica o intervalo de corte do eixo vertical.

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

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

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

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

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

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

Tipo: number
Padrão:automático

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

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

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

As opções para isStacked são:

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

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

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

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

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

Essa opção só é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

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

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

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

    Veja as diversas opções de annotations para uma lista mais completa do que pode ser personalizado.

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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.

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

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

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

Telas linhas de tendência nos gráficos que as suportam. Por padrão, as linhas de tendência linear são mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Por isso, na maioria das vezes, suas opções serã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 do linha de tendência , expresso 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, o linha de tendência aparecerá na legenda como esta string.

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

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

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

Seja linhas de tendência é 'linear' (o padrão), 'exponential' ou 'polynomial'.

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

Seja linha de tendência equação aparece na legenda. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

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

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

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

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

Especifica o intervalo de corte do eixo vertical.

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

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

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

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

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

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

Tipo: number
Padrão:automático

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

Nome
areaOpacity

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

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

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

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

Tipo: boolean
Padrão:false
hAxis.maxValue

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

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

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

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.minValue

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

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

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Define se o valor de pontos ausentes deve ser determinado. Se true, ele vai adivinhar o de todos os dados ausentes com base nos pontos vizinhos. Se for false, deixe uma quebra na linha em um ponto desconhecido.

Isso não é compatível com Gráficos de área com 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: em Coluna, Área e Gráficos SteppedArea O Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos os elementos da série (por exemplo, a série 0 será o item mais abaixo na legenda). Isso não se aplica a Gráficos de barras.

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

As opções para isStacked são:

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

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

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

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

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. Você pode os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

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

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível substituir os valores para séries individuais usando a propriedade series. Se você estiver usando um linha de tendência, a A opção pointSize afetará a largura da linha de tendência, a menos que você substitua com a 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ó é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

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

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

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

    Veja as diversas opções de annotations para uma lista mais completa do que pode ser personalizado.

  • areaOpacity: substitui o areaOpacity global desta série.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType desta série.
  • fallingColor.fill: substitui o Valor candlestick.fallingColor.fill para esta série.
  • fallingColor.stroke: substitui o Valor candlestick.fallingColor.stroke para esta série.
  • fallingColor.strokeWidth: substitui o Valor candlestick.fallingColor.strokeWidth para esta série.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle por este Google Workspace.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape por este Google Workspace.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible por este Google Workspace.
  • risingColor.fill: substitui o Valor candlestick.risingColor.fill para esta série.
  • risingColor.stroke: substitui o Valor candlestick.risingColor.stroke para esta série.
  • risingColor.strokeWidth: substitui o Valor candlestick.risingColor.strokeWidth para esta série.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 desta série. Os valores válidos são 'line', 'area', "bars" e "steppedArea". As barras são verticais, na verdade, (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 tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

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

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

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

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

Tipo: boolean
vAxes

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

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

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

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

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

Especifica o intervalo de corte do eixo vertical.

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

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

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

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

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

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

Tipo: number
Padrão:automático

Opções de configuração do medidor

Nome
greenColor

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

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

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

Tipo: number
Padrão:nenhum
greenTo

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

Tipo: number
Padrão:nenhum
altura

Altura do gráfico em pixels.

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

O valor máximo a ser exibido no eixo Y. Se o ponto de dados máximo exceder este valor, este será ignorada, e o gráfico será ajustado para mostrar a próxima marca de seleção acima do ponto de dados máximo. Tem precedência sobre o valor máximo determinado do eixo Y por scaleType.

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

Tipo: number
Padrão:automático
min

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

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

Tipo: number
Padrão:automático
redColor

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

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

O menor valor de um intervalo marcado pela cor vermelha.

Tipo: number
Padrão:nenhum
redTo

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

Tipo: number
Padrão:nenhum
largura

Largura do gráfico em pixels.

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

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

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

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

Tipo: number
Padrão:nenhum
yellowTo

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

Tipo: number
Padrão:nenhum

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

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
datalessRegionColor

Cor para atribuir a regiões sem dados associados.

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

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

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

Que tipo de gráfico geográfico é esse. O formato DataTable precisa corresponder ao valor especificado. A valores a seguir são suportados:

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

Altura do gráfico em pixels.

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

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

A área a ser exibida no gráfico geográfico. As áreas ao redor também são exibidas. Pode ser uma das seguintes opções:

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

Largura do gráfico em pixels.

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

Opções de configuração do histograma

Nome
backgroundColor

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

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

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

Tipo: string
Padrão:'white'
chartArea

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

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

Altura da área do gráfico.

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

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

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

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

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

Largura da área do gráfico.

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

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 a a opção hAxis.gridlines.

Essa opção só é suportada por um continuous .

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

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
hAxis.textPosition

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

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

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

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

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

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

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

Tipo: string
Padrão:null
hAxis.titleTextStyle

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

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

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

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

Especifica o intervalo de corte do eixo horizontal.

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

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

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

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

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

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

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

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

Codifique o tamanho de cada barra de histograma em vez de permitir que ele seja determinado. usando 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 as partes superior e inferior lastBucketPercentile por cento. Os valores são ainda incluídas no histograma, mas não afetam o agrupamento por classes.

Tipo: number
Padrão:0
interpolateNulls

Define se o valor de pontos ausentes deve ser determinado. Se true, ele vai adivinhar o de todos os dados ausentes com base nos pontos vizinhos. Se for false, deixe uma quebra na linha em um ponto desconhecido.

Isso não é compatível com Gráficos de área com 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: em Coluna, Área e Gráficos SteppedArea O Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos os elementos da série (por exemplo, a série 0 será o item mais abaixo na legenda). Isso não se aplica a Gráficos de barras.

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

As opções para isStacked são:

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

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

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

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

Tipo: boolean/string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

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

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

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

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

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

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

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

Essa opção só é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

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

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

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

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

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

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

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

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

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

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

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

Texto a ser exibido acima do gráfico.

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

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

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

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

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

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

Tipo: boolean
vAxes

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

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

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

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

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

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

Essa opção só é suportada por um continuous .

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

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

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

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

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

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

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

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

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

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

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

Tipo: number
Padrão:1
vAxis.minValue

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

Tipo: number
Padrão:null
vAxis.textPosition

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

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

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

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

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

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

Especifica um título para o eixo vertical.

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

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

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

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
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 de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com o seguinte propriedades.

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são compatíveis: um número ou um seguido por %. Um número simples é um valor em pixels; um número seguido por % é um porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidos:
  • stroke: a cor, fornecida como uma string hexadecimal ou nome da cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico do elemento largura (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

A distância da borda esquerda a desenhar o gráfico.

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

Um objeto com propriedades para configurar as linhas de grade no eixo horizontal. As linhas de grade do eixo horizontal são desenhadas verticalmente. Para especificar deste objeto, você pode usar a notação literal de objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
hAxis.gridlines.color

A cor das linhas de grade horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. isso será feito à direita, na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante a a opção hAxis.gridlines.

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo:string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade menores agora depende inteiramente no intervalo entre linhas de grade principais (consulte hAxis.gridlines.interval) e o espaço mínimo necessário Consulte hAxis.minorGridlines.minSpacing.

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do texto do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
interpolateNulls

Define se o valor de pontos ausentes deve ser determinado. Se true, ele vai adivinhar o de todos os dados ausentes com base nos pontos vizinhos. Se for false, deixe uma quebra na linha em um ponto desconhecido.

Isso não é compatível com Gráficos de área com o isStacked: true/'percent'/'relative'/'absolute'.

Tipo: boolean
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. Você pode os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível substituir os valores para séries individuais usando a propriedade series. Se você estiver usando um linha de tendência, a A opção pointSize afetará a largura da linha de tendência, a menos que você substitua com a 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ó é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto suporta as seguintes propriedades:

  • annotations: um objeto a ser aplicado às anotações desta série. Isso pode ser usada para controlar, por exemplo, a textStyle da série:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Veja as diversas opções de annotations para uma lista mais completa do que pode ser personalizado.

  • type: o tipo de marcador desta série. Os valores válidos são 'line', 'area', "bars" e "steppedArea". As barras são verticais, na verdade, (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • curveType: substitui o valor global de curveType desta série.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle por este Google Workspace.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape por este Google Workspace.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible por este Google Workspace.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série ele se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente na legenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um gráfico específico comportamento ou efeito visual. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos. na área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico tratará a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Telas linhas de tendência nos gráficos que as suportam. Por padrão, linear linhas de tendência são mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Por isso, na maioria das vezes, suas opções serã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 do linha de tendência , expresso 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, o linha de tendência aparecerá na legenda como esta string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha do linha de tendência , em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Seja linhas de tendência é 'linear' (o padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Seja linha de tendência equação aparece na legenda. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico tratará a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatível 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. Depois, configure o eixo usando vAxes. A exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e texto personalizados estilo para ela:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tipo: matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. esse valor será crescente na maioria gráficos. Ignorado se estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade menores depende do intervalo entre linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. esse valor diminuirá na maioria dos gráficos. Ignorado se estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica um título para o eixo vertical.

Tipo: string
Padrão:sem título
vAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

Opções de configuração do organograma

Nome
cor

A cor de fundo dos elementos do organograma.

Tipo: string
Padrão:'#edf7ff'
selectionColor

A cor do plano de fundo dos elementos selecionados do organograma.

Tipo: string
Padrão:'#d6e9f8'
tamanho

O tamanho geral do gráfico. As opções incluem 'small', 'medium' ou 'large'.

Tipo: string
Padrão:'medium'

Opções de configuração do gráfico de pizza

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com o seguinte propriedades.

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são compatíveis: um número ou um seguido por %. Um número simples é um valor em pixels; um número seguido por % é um porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidos:
  • stroke: a cor, fornecida como uma string hexadecimal ou nome da cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico do elemento largura (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

A distância da borda esquerda a desenhar o gráfico.

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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 contêiner
is3D

Se true, exibe um gráfico tridimensional.

Tipo: boolean
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Se estiver entre 0 e 1, será mostrado um gráfico de rosca. O furo tem um raio igual a number vezes o raio do gráfico.

Tipo: number
Padrão:0
pieSliceBorderColor

A cor das bordas das fatias. Aplicável 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': o valor quantitativo da fração.
  • 'label': o nome da fatia.
  • 'none': nenhum texto é exibido.
Tipo: string
Padrão:'percentage'
pieSliceTextStyle

Um objeto que especifica o estilo de texto da fatia. O objeto tem este formato:

{color: <string>, fontName: <string>, fontSize: <number>}

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
slices.color

A cor a ser usada para esta fatia.

Tipo: string
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opções de configuração do gráfico de dispersão

Nome
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com o seguinte propriedades.

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo:string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são compatíveis: um número ou um seguido por %. Um número simples é um valor em pixels; um número seguido por % é um porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidos:
  • stroke: a cor, fornecida como uma string hexadecimal ou nome da cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico do elemento largura (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

A distância da borda esquerda a desenhar o gráfico.

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
hAxis.gridlines

Um objeto com propriedades para configurar as linhas de grade no eixo horizontal. As linhas de grade do eixo horizontal são desenhadas verticalmente. Para especificar deste objeto, você pode usar a notação literal de objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
hAxis.gridlines.color

A cor das linhas de grade horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo: string
Padrão:'#CCC'
hAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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

A propriedade hAxis, que torna o eixo horizontal uma escala logarítmica (requer todas as sejam positivos). Defina como true para sim.

Essa opção só é compatível com um eixo continuous.

Tipo: boolean
Padrão:false
hAxis.maxValue

Move o valor máximo do eixo horizontal para o valor especificado. isso será feito à direita, na maioria dos gráficos. Ignorado se for definido como um valor menor que o valor x máximo dos dados. hAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo horizontal, semelhante a a opção hAxis.gridlines.

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
hAxis.minorGridlines.color

A cor das linhas de grade menores horizontais dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
hAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade menores agora depende inteiramente no intervalo entre linhas de grade principais (consulte hAxis.gridlines.interval) e o espaço mínimo necessário Consulte hAxis.minorGridlines.minSpacing.

Tipo: number
Padrão:1
hAxis.minValue

Move o valor mínimo do eixo horizontal para o valor especificado. isso será para a esquerda na maioria dos gráficos. Ignorado se for definido como um valor maior que o valor x mínimo dos dados. hAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:automático
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do texto do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top'- Acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Largura da linha de dados em pixels. Use zero para ocultar todas as linhas e mostrar apenas os pontos. Você pode os valores de séries individuais usando a propriedade series.

Tipo: number
Padrão:2
pointShape

A forma de elementos de dados individuais: 'circle', 'triangle', 'square', 'diamond', 'star' ou 'polygon'. Consulte a documentação de pontos para ver exemplos.

Tipo: string
Padrão:'circle'
pointSize

Diâmetro dos pontos exibidos em pixels. Use zero para ocultar todos os pontos. É possível substituir os valores para séries individuais usando a propriedade series. Se você estiver usando um linha de tendência, a A opção pointSize afetará a largura da linha de tendência, a menos que você substitua com a opção trendlines.n.pointsize.

Tipo: number
Padrão:0
séries

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão para uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto suporta as seguintes propriedades:

  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineWidth: substitui o valor global de lineWidth desta série.
  • pointShape: substitui o valor global de pointShape por este Google Workspace.
  • pointSize: substitui o valor global de pointSize desta série.
  • pointsVisible: substitui o valor global de pointsVisible por este Google Workspace.
  • visibleInLegend: um valor boolean, em que true significa que a série precisa tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um aplicável à série na ordem determinada,ou especificar um objeto em que cada filho tenha uma chave numérica que indica a qual série ele se aplica. Por exemplo, as duas declarações a seguir são idênticas e declaram a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente na legenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um gráfico específico comportamento ou efeito visual. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos. na área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico tratará a coluna como uma coluna de texto.

Tipo: boolean
linhas de tendência

Telas linhas de tendência nos gráficos que as suportam. Por padrão, linear linhas de tendência são mas isso pode ser personalizado com a opção trendlines.n.type.

As linhas de tendência são especificadas por série. Por isso, na maioria das vezes, suas opções serã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 do linha de tendência , expresso 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, o linha de tendência aparecerá na legenda como esta string.

Tipo: string
Padrão:null
trendlines.n.lineWidth

A largura da linha do linha de tendência , em pixels.

Tipo: number
Padrão:2
trendlines.n.type

Seja linhas de tendência é 'linear' (o padrão), 'exponential' ou 'polynomial'.

Tipo: string
Padrão:linear
trendlines.n.visibleInLegend

Seja linha de tendência equação aparece na legenda. Ela vai aparecer na dica da linha de tendência.

Tipo: boolean
Padrão:false
useFirstColumnAsDomain

Se definido como true, o gráfico tratará a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatível 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. Depois, configure o eixo usando vAxes. A exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e texto personalizados estilo para ela:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tipo: matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. esse valor será crescente na maioria gráficos. Ignorado se estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade menores depende do intervalo entre linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. esse valor diminuirá na maioria dos gráficos. Ignorado se estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica um título para o eixo vertical.

Tipo: string
Padrão:sem título
vAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático

Opções de configuração do gráfico de área em degraus

Nome
areaOpacity

A opacidade padrão da área colorida em uma série do gráfico de área, em que 0.0 é totalmente transparente, e 1.0 é totalmente opaca. Para especificar a opacidade para uma série individual, defina o valor areaOpacity na propriedade series.

Tipo: number, 0.0- 1.0
Padrão:0.3
backgroundColor

A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com o seguinte propriedades.

Tipo:string ou object
Padrão:'white'
backgroundColor.fill

A cor de preenchimento do gráfico, como uma string de cor HTML.

Tipo: string
Padrão:'white'
chartArea

Um objeto com membros para configurar o posicionamento e o tamanho da área do gráfico (onde o gráfico é desenhado, excluindo eixos e legendas). Dois formatos são compatíveis: um número ou um seguido por %. Um número simples é um valor em pixels; um número seguido por % é um porcentagem. Exemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Padrão:null
chartArea.backgroundColor
Cor de fundo da área do gráfico. Quando uma string é usada, ela pode ser uma string hexadecimal (por exemplo, '#fdc') ou um nome de cor em inglês. Quando um objeto é usado, as seguintes propriedades podem ser fornecidos:
  • stroke: a cor, fornecida como uma string hexadecimal ou nome da cor em inglês.
  • strokeWidth: se fornecido, desenha uma borda ao redor da área do gráfico do elemento largura (e com a cor de stroke).
Tipo:string ou object
Padrão:'white'
chartArea.height

Altura da área do gráfico.

Tipo:number ou string
Padrão:automático
chartArea.left

A distância da borda esquerda a desenhar o gráfico.

Tipo:number ou string
Padrão:automático
chartArea.top

Indica a distância entre a borda superior e o gráfico a partir da borda superior.

Tipo:number ou string
Padrão:automático
chartArea.width

Largura da área do gráfico.

Tipo:number ou string
Padrão:automático
cores

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Tipo: object
Padrão:null
hAxis.direction

A direção em que os valores ao longo do eixo horizontal crescem. Especifique -1 para inverter a ordem dos valores.

Tipo:1 ou -1
Padrão:1
hAxis.textPosition

Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
hAxis.textStyle

Um objeto que especifica o estilo do texto do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

A propriedade hAxis que especifica o título do eixo horizontal.

Tipo: string
Padrão:null
hAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo horizontal. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica o intervalo de corte do eixo horizontal.

Tipo: object
Padrão:null
hAxis.viewWindow.max

O valor máximo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
hAxis.viewWindow.min

O valor mínimo de dados horizontais a serem renderizados.

Ignorado quando hAxis.viewWindowMode é 'pretty' ou 'maximized'.

Tipo: number
Padrão:automático
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
isStacked

Se definido como true, empilha os elementos de todas as séries em cada valor de domínio. Observação: em Coluna, Área e Gráficos SteppedArea O Google Charts inverte a ordem dos itens da legenda para corresponder melhor ao empilhamento dos os elementos da série (por exemplo, a série 0 será o item mais abaixo na legenda). Isso não se aplica a Gráficos de barras.

A opção isStacked também oferece suporte a 100% de empilhamento, em que as pilhas de elementos em cada valor de domínio são redimensionados para totalizar 100%.

As opções para isStacked são:

  • false: os elementos não serão empilhados. Essa é a opção padrão.
  • true: empilha elementos de todas as séries em cada valor de domínio.
  • 'percent': empilha elementos de todas as séries em cada valor de domínio. ajusta-os de modo a somar 100%, com o valor de cada elemento calculado como uma porcentagem de 100%.
  • 'relative': empilha elementos de todas as séries em cada valor de domínio. ajusta-os de forma que totalizem 1, com o valor de cada elemento calculado como uma fração de 1.
  • 'absolute': funciona da mesma forma que isStacked: true.

Para o empilhamento 100%, o valor calculado de cada elemento vai aparecer na dica após a o valor real.

O eixo de destino terá como padrão os valores de marcação com base na escala relativa de 0 a 1 como frações de 1 para 'relative' e de 0 a 100% para 'percent' Observação:ao usar a opção 'percent', os valores do eixo/marcação são exibidos como porcentagens, porém os valores reais são os valores de escala relativos de 0 a 1. Isso ocorre porque as marcações do eixo de porcentagem são o resultado da aplicação de um formato de "#.##%" para os valores de escala relativos de 0 a 1. Ao usar isStacked: 'percent', lembre-se de especifique marcas/linhas de grade usando os valores de escala de 0 a 1 relativos). É possível personalizar valores de linhas de grade/marcações e formatação usando as opções hAxis/vAxis adequadas.

O empilhamento 100% só oferece suporte a valores de dados do tipo number e precisa têm um valor de referência igual a zero.

Tipo: boolean/ string
Padrão:false
lenda

Um objeto com membros para configurar vários aspectos da legenda. Para especificar propriedades de desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Padrão:null
legend.position

Posição da legenda. Será um dos seguintes valores:

  • 'bottom': abaixo do gráfico.
  • 'left': está à esquerda do gráfico, desde que não haja séries associadas ao eixo esquerdo. Portanto, se você quiser a legenda à esquerda, use a opção targetAxisIndex: 1.
  • 'in': dentro do gráfico, pelo canto superior esquerdo.
  • 'none': nenhuma legenda é exibida.
  • 'right': à direita do gráfico. Incompatível com a opção vAxes.
  • 'top': acima do gráfico.
Tipo: string
Padrão:'right'
legendTextStyle

Um objeto que especifica o estilo do texto da legenda. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Se definido como true, desenha séries da direita para a esquerda. O padrão é desenhar da esquerda para a direita.

Essa opção só é suportada por um discrete eixo major.

Tipo: boolean
Padrão:false
séries

Uma matriz de objetos, cada um descrevendo o formato da série correspondente no gráfico. Para usar valores padrão em uma série, especifique um objeto vazio {}. Se uma série ou um valor não for especificado, o valor global será usado. Cada objeto suporta as seguintes propriedades:

  • areaOpacity: substitui o areaOpacity global desta série.
  • color: a cor a ser usada na série. Especifique uma string de cor HTML válida.
  • type: o tipo de marcador desta série. Os valores válidos são 'line', 'area', "bars" e "steppedArea". As barras são verticais, na verdade, (colunas). O valor padrão é especificado pela opção seriesType do gráfico.
  • labelInLegend: a descrição da série que será exibida na legenda do gráfico.
  • lineDashStyle: substitui o valor global de lineDashStyle por este Google Workspace.
  • targetAxisIndex: a que eixo atribuir a série, em que 0 é o padrão eixo, 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 tem uma entrada de legenda, e false significa que ela não precisa. O padrão é true.

É possível especificar uma matriz de objetos, cada um deles se aplicando à série na ordem determinada, ou especificar um objeto em que cada filho tenha uma chave numérica indicando a qual série se aplica.Por exemplo, as duas declarações a seguir são idênticas e declarar a primeira série como preta e ausente da legenda, e a quarta como vermelha e ausente da legenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo:matriz de objetos ou objeto com objetos aninhados
Padrão:{}
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Um tema é um conjunto de valores de opções predefinidos que trabalham juntos para alcançar um gráfico específico comportamento ou efeito visual. No momento, apenas um tema está disponível:

  • 'maximized': maximiza a área do gráfico e desenha a legenda e todos os rótulos. na área do gráfico.
Tipo: string
Padrão:null
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Se definido como true, o gráfico tratará a coluna como uma coluna de texto.

Tipo: boolean
useFirstColumnAsDomain

Se definido como true, o gráfico tratará a coluna como o domínio.

Tipo: boolean
vAxes

Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais. Cada objeto filho é um objeto vAxis e pode conter todas as propriedades compatível 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. Depois, configure o eixo usando vAxes. A exemplo a seguir atribui a série 2 ao eixo direito e especifica um título e texto personalizados estilo para ela:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Essa propriedade pode ser um objeto ou uma matriz: o objeto é uma coleção de objetos, cada um com um rótulo numérico que especifica o eixo definido. Este é o formato mostrado acima; a matriz é uma matriz de objetos, um por eixo. Por exemplo, os seguintes estilos de matriz é idêntica ao objeto vAxis mostrado acima:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Tipo: matriz de objeto ou objeto com objetos filhos
Padrão:null
vAxis

Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de nesse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Tipo: object
Padrão:null
vAxis.direction

A direção em que os valores ao longo do eixo vertical crescem. Por padrão, valores 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. Especificar propriedades desse objeto, é possível usar a notação literal de objeto, como mostrado aqui:

{color: '#333', minSpacing: 20}

Essa opção só é suportada por um continuous .

Tipo: object
Padrão:null
vAxis.gridlines.color

A cor das linhas de grade verticais dentro da área do gráfico. Especifique uma string de cor HTML válida.

Tipo: string
Padrão:'#CCC'
vAxis.gridlines.count

O número aproximado de linhas de grade horizontais dentro da área do gráfico. Se você especificar um número positivo para gridlines.count, ela será usada 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 for true, transforma o eixo vertical em uma escala logarítmica. Observação:todos os valores precisam ser positivos.

Tipo: boolean
Padrão:false
vAxis.maxValue

Move o valor máximo do eixo vertical para o valor especificado. esse valor será crescente na maioria gráficos. Ignorado se estiver definido como um valor menor que o valor y máximo dos dados. vAxis.viewWindow.max substitui essa propriedade.

Tipo: number
Padrão:automático
vAxis.minorGridlines

Um objeto com membros para configurar as linhas de grade secundárias no eixo vertical, semelhante ao vAxis.gridlines.

Tipo: object
Padrão:null
vAxis.minorGridlines.color

A cor das linhas de grade verticais menores dentro da área do gráfico. Especificar uma cor HTML válida fio.

Tipo: string
Padrão:uma mistura das cores de linha de grade e de plano de fundo
vAxis.minorGridlines.count

A opção minorGridlines.count foi descontinuada na maioria das vezes, exceto para desativar linhas de grade secundárias definindo a contagem como 0. O número de linhas de grade menores depende do intervalo entre linhas de grade principais e o espaço mínimo necessário.

Tipo: number
Padrão:1
vAxis.minValue

Move o valor mínimo do eixo vertical para o valor especificado. esse valor diminuirá na maioria dos gráficos. Ignorado se estiver definido como um valor maior que o valor y mínimo dos dados. vAxis.viewWindow.min substitui essa propriedade.

Tipo: number
Padrão:null
vAxis.textPosition

Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: 'out', 'in', 'none'.

Tipo: string
Padrão:'out'
vAxis.textStyle

Um objeto que especifica o estilo de texto do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica um título para o eixo vertical.

Tipo: string
Padrão:sem título
vAxis.titleTextStyle

Um objeto que especifica o estilo de texto do título do eixo vertical. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica o intervalo de corte do eixo vertical.

Tipo: object
Padrão:null
vAxis.viewWindow.max

O valor máximo dos dados verticais a serem renderizados.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
vAxis.viewWindow.min

O valor mínimo de dados verticais a ser renderizado.

Ignorado quando vAxis.viewWindowMode é "bonito" ou "maximizado".

Tipo: number
Padrão:automático
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 cores alternadas será atribuído às linhas pares e ímpares.

Tipo: boolean
Padrão:true
altura

Altura do gráfico em pixels.

Tipo: number
Padrão:altura do elemento contêiner
página

Se e como ativar a paginação pelos dados. Escolha um dos seguintes valores de string:

  • 'enable': a tabela vai incluir page-forward e page-back botões. Clique nesses botões para realizar a operação de paginação. alterar a página exibida. Você também pode definir a opção pageSize.
  • 'event': a tabela inclui os botões "Avançar" e "Voltar", mas ao clicar neles acionará um evento 'page' e não alterará a página exibida. Essa opção deve ser usada quando o código implementa sua própria lógica de virada de página. Consulte a Exemplo de TableQueryWrapper um exemplo de como processar eventos de paginação manualmente.
  • 'disable' - [Padrão] não há suporte para paginação.
  • Tipo: string
    Padrão:'disable'
pageSize

O número de linhas em cada página, quando a paginação está ativada com a opção de página.

Tipo: number
Padrão:10
showRowNumber

Se definido como true, mostra o número da linha como a primeira coluna da tabela.

Tipo: boolean
Padrão:false
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 uma das opções seguintes valores string:

  • 'enable' - [Padrão] Os usuários podem clicar nos cabeçalhos das colunas para classificar pelos cliques . 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. Use essa opção quando a página implementa sua própria classificação. Consulte a Exemplo de TableQueryWrapper para conferir um exemplo de como lidar com eventos de classificação manualmente.
  • 'disable'- Clicar no cabeçalho de uma coluna não tem efeito.
Tipo: string
Padrão:'enable'
sortAscending

A ordem em que a coluna de classificação inicial é classificada. True para crescente, false para decrescente. Será ignorado se sortColumn não for especificado.

Tipo: boolean
Padrão:true
sortColumn

Um índice de uma coluna na tabela de dados, pela qual a tabela é inicialmente classificada. A coluna é marcada com uma pequena seta indicando a ordem de classificação.

Tipo: number
Padrão:-1
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 de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples, por exemplo: 'red' ou '#00cc00', ou um objeto com o seguinte propriedades.

Tipo:string ou object
Padrão:'white'
cores

As cores a serem usadas para os elementos do gráfico. Uma matriz de strings, em que cada elemento é um elemento HTML string de cor, 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 contêiner
largura

Largura do gráfico em pixels.

Tipo: number
Padrão:largura do elemento contêiner

Opções de configuração do mapa de árvore

Nome
headerColor

A cor da seção do cabeçalho de cada nó. Especifique um valor de cor HTML.

Tipo: string
Padrão:#988f86
maxColor

A cor de um retângulo com um valor de coluna 3 de maxColorValue. Especifique um Valor de cor HTML.

Tipo: string
Padrão:#00dd00
maxDepth

O número máximo de níveis de nó a serem mostrados na visualização atual. Os níveis são achatados no plano atual. Se sua árvore tiver mais níveis do que isso, você deve subir ou para baixo para vê-los. Você também pode ver maxPostDepth níveis 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 mostrados em "Dicas" de maneira Os nós sugeridos são mostrados como retângulos sombreados dentro de um nó que está dentro do Limite de maxDepth.

Tipo: number
Padrão:0
midColor

A cor de um retângulo com um valor de coluna 3 no meio entre maxColorValue e minColorValue. Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
minColor

A cor de um retângulo com o valor da coluna 3 de minColorValue. Especifique um Valor de cor HTML.

Tipo: string
Padrão:#dd0000
noColor

A cor a ser usada para um retângulo quando um nó não tem valor para a coluna 3 e esse nó é um folha (ou contém apenas folhas). Especifique um valor de cor HTML.

Tipo: string
Padrão:#000000
subtitle

Texto a ser exibido abaixo do título do gráfico.

Tipo: string
Padrão:sem título
subtitleTextStyle

Um objeto que especifica o estilo do texto do título.

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Um objeto que especifica o estilo do texto do título. A cor pode ser qualquer HTML string de cor, por exemplo: 'red' ou '#00cc00'. Além disso, consulte "fontName" e "fontSize".

Tipo: object
Padrão: {color: 'black', sourceName: <global-font-name>, sourceSize: <global-font-size>}
título

Texto a ser exibido acima do gráfico.

Tipo: string
Padrão:sem título
titleTextStyle

Um objeto que especifica o estilo do texto do título. O objeto tem este formato:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

O color pode ser qualquer string de cor HTML, como 'red' ou '#00cc00' Consulte também fontName e fontSize.

Tipo: object
Padrão: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}