Tipos de gráficos
- Gráfico de anotações
- Gráfico de área
- Gráfico de barras
- Gráfico de bolhas
- Agenda
- Gráfico candlestick
- Gráfico de colunas
- Gráfico de combinação
- Medidor
- Mapa geográfico
- Histograma
- Gráfico de linhas
- Organograma
- Gráfico de pizza
- Gráfico de dispersão
- Gráfico de áreas em degraus
- Gráfico de tabela
- Cronograma
- Mapa de árvore
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: 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 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 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 Esse número é semelhante ao 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 Esse número é semelhante ao 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
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: 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: 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:
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: 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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
Isso não é compatível com
Gráficos de área com o
Tipo:
boolean Padrão:
false |
isStacked |
Se definido como
A opção As opções para
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
O empilhamento 100% só oferece suporte a valores de dados do tipo 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:
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 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 Tipo:
number Padrão:
2 |
pointShape |
A forma de elementos de dados individuais: 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 Tipo:
number Padrão:
0 |
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se definido como Tipo:
boolean |
useFirstColumnAsDomain |
Se definido como Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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: 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: 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:
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: 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
Para especificar um gráfico com vários eixos horizontais, primeiro defina um novo eixo usando
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 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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
A opção As opções para
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
O empilhamento 100% só oferece suporte a valores de dados do tipo 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 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 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 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
é 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 Tipo:
boolean |
vAxis |
Um objeto com membros para configurar vários elementos do eixo vertical. Para especificar propriedades de desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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: 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 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 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: 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:
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: 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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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:
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 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:
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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se definido como Tipo:
boolean |
useFirstColumnAsDomain |
Se definido como Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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 que o contém
|
Opções de configuração do gráfico candlestick
Nome | |
---|---|
backgroundColor |
A cor de plano de fundo da área principal do gráfico. Pode ser uma string de cor HTML simples,
por exemplo: 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: 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:
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: 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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Se definido como Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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: 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: 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:
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: 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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
A opção As opções para
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
O empilhamento 100% só oferece suporte a valores de dados do tipo 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 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 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 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
é 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 Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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
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: 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: 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:
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: 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:
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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
Isso não é compatível com
Gráficos de área com o
Tipo:
boolean Padrão:
false |
isStacked |
Se definido como
A opção As opções para
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
O empilhamento 100% só oferece suporte a valores de dados do tipo 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:
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 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 Tipo:
number Padrão:
2 |
pointShape |
A forma de elementos de dados individuais: 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 Tipo:
number Padrão:
0 |
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Se definido como Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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 Esse número é semelhante ao 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 Esse número é semelhante ao 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: 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, 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:
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 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:
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: 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: 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:
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: 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
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 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
Essa opção só é suportada por um
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 Tipo:
number Padrão:
1 |
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
Tipo:
number Padrão:
0 |
interpolateNulls |
Define se o valor de pontos ausentes deve ser determinado. Se
Isso não é compatível com
Gráficos de área com o
Tipo:
boolean Padrão:
false |
isStacked |
Se definido como
A opção As opções para
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
O empilhamento 100% só oferece suporte a valores de dados do tipo 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Se definido como Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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: 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: 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:
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: 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:
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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
Isso não é compatível com
Gráficos de área com o
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:
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 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 Tipo:
number Padrão:
2 |
pointShape |
A forma de elementos de dados individuais: 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 Tipo:
number Padrão:
0 |
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se definido como Tipo:
boolean |
linhas de tendência |
Telas
linhas de tendência
nos gráficos que as suportam. Por padrão,
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 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
é 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 Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando Tipo:
number Padrão:automático
|
Opções de configuração do organograma
Nome | |
---|---|
cor |
A cor de fundo dos elementos do organograma. Tipo:
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 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: 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: 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:
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: 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
Se estiver entre Tipo:
number Padrão:
0 |
pieSliceBorderColor |
A cor das bordas das fatias. Aplicável apenas quando o gráfico é bidimensional. Tipo:
string Padrão:
'white' |
pieSliceText |
O conteúdo do texto exibido na fatia. Será um dos seguintes valores:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se definido como
Essa opção só é suportada por um
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 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 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: 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: 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:
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: 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:
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 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
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 Tipo:
number Padrão:
-1 |
hAxis.logScale |
A propriedade Essa opção só é compatível com um eixo 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.
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
Essa opção só é suportada por um
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 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.
Tipo:
number Padrão:automático
|
hAxis.textPosition |
Posição do texto do eixo horizontal em relação à área do gráfico. Valores aceitos: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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:
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 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 Tipo:
number Padrão:
2 |
pointShape |
A forma de elementos de dados individuais: 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 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
É 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se definido como Tipo:
boolean |
linhas de tendência |
Telas
linhas de tendência
nos gráficos que as suportam. Por padrão,
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 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
é 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 Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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
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: 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: 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:
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: 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 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: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
A propriedade 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 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 Tipo:
number Padrão:automático
|
hAxis.viewWindow.min |
O valor mínimo de dados horizontais a serem renderizados. Ignorado quando 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
A opção As opções para
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
O empilhamento 100% só oferece suporte a valores de dados do tipo 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Se definido como
Essa opção só é suportada por um
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
É 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 que 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 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:
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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Se definido como Tipo:
boolean |
useFirstColumnAsDomain |
Se definido como Tipo:
boolean |
vAxes |
Especifica propriedades para eixos verticais individuais, se o gráfico tiver vários eixos verticais.
Cada objeto filho é um objeto
Para especificar um gráfico com vários eixos verticais, primeiro defina um novo eixo usando
{ 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 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 desse 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 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
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 Tipo:
number Padrão:
-1 |
vAxis.logScale |
Se for 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.
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 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.
Tipo:
number Padrão:
null |
vAxis.textPosition |
Posição do texto do eixo vertical em relação à área do gráfico. Valores aceitos: Tipo:
string Padrão:
'out' |
vAxis.textStyle |
Um objeto que especifica o estilo do texto do eixo vertical. O objeto tem este formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
O 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 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 Tipo:
number Padrão:automático
|
vAxis.viewWindow.min |
O valor mínimo de dados verticais a ser renderizado. Ignorado quando 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
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 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
Tipo:
string Padrão:
'enable' |
sortAscending |
A ordem em que a coluna de classificação inicial é classificada. 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: 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: 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 que o contém
|
Opções de configuração do mapa de árvore
Nome | |
---|---|
headerColor |
A cor da seção do cabeçalho de cada nó. Especifique um valor de cor HTML. Tipo:
string Padrão:
#988f86 |
maxColor |
A cor de um retângulo com um valor de coluna 3 de 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 Tipo:
number Padrão:
1 |
maxPostDepth |
Quantos níveis de nós além de Tipo:
number Padrão:
0 |
midColor |
A cor de um retângulo com um valor de coluna 3 no meio entre Tipo:
string Padrão:
#000000 |
minColor |
A cor de um retângulo com o valor da coluna 3 de 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 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: 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 Tipo:
object
Padrão:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|