Tipos de gráficos
- Gráfico de anotaciones
- Gráfico de áreas
- Gráfico de barras
- Gráfico de burbujas
- Calendario
- Gráfico de velas
- Gráfico de columnas
- Gráfico combinado
- Indicador
- Geográfico
- Histograma
- Gráfico de líneas
- Organigrama
- Gráfico circular
- Diagrama de dispersión
- Gráfico de áreas escalonado
- Gráfico de tabla
- Cronograma
- Mapa de árboles
Opciones de configuración del gráfico de anotaciones
Nombre | |
---|---|
colores | Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
displayRangeSelector | Indica si se debe mostrar el área de selección del rango de zoom (el área en la parte inferior del gráfico), donde El contorno del selector de zoom es una versión en escala logarítmica de la primera serie del gráfico, ajustada para adaptarse a la altura del selector de zoom. Tipo:
boolean Valor predeterminado:
true |
displayZoomButtons |
Indica si se deben mostrar los botones de zoom ("1d 5d 1m, etc."), donde Tipo:
boolean Valor predeterminado:
true |
max |
El valor máximo que se mostrará en el eje Y. Si la cantidad máxima de datos supera este valor, se ignora esta configuración y el gráfico se ajusta para mostrar la siguiente marca de verificación importante por encima del dato máximo. Esto tiene prioridad sobre el máximo del eje Y determinado por Esto es similar a Tipo:
number Configuración predeterminada: automática
|
min |
El valor mínimo que se mostrará en el eje Y. Si el dato mínimo es menor que este valor,
se ignora esta configuración y el gráfico se ajusta para mostrar la siguiente marca de verificación
principal por debajo del dato mínimo. Esto tiene prioridad sobre el mínimo del eje Y determinado por Esto es similar a Tipo:
number Configuración predeterminada: automática
|
Opciones de configuración del gráfico de áreas
Nombre | |
---|---|
areaOpacity |
Es la opacidad predeterminada del área de color en una serie de gráfico de áreas, en la que Tipo:
number , 0.0- 1.0 Valor predeterminado:
0.3 |
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
interpolateNulls |
Indica si se debe adivinar el valor de los puntos faltantes. Si es
Esto no es compatible con los gráficos de área con la opción Tipo:
boolean Valor predeterminado:
false |
isStacked |
Si se establece en
La opción Las opciones para
Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.
De forma predeterminada, el eje objetivo marcará los valores basados en la escala relativa del 0 al 1 como fracciones de 1 para
El 100% de apilamiento solo admite valores de datos de tipo Tipo:
boolean /string Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad Tipo:
number Valor predeterminado:
2 |
pointShape |
La forma de los elementos de datos individuales: Tipo:
string Valor predeterminado:
'circle' |
pointSize |
Diámetro de los puntos que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores
para series individuales con la propiedad Tipo:
number Valor predeterminado:
0 |
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores
predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Si se configura como Tipo:
boolean |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del gráfico de barras
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo: Número o
string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxes |
Especifica las propiedades de los ejes horizontales individuales si el gráfico tiene varios ejes horizontales. Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes horizontales, primero define un eje nuevo con
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
isStacked |
Si se establece en
La opción Las opciones para
Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.
De forma predeterminada, el eje objetivo marcará los valores basados en la escala relativa del 0 al 1 como fracciones de 1 para
El 100% de apilamiento solo admite valores de datos de tipo Tipo:
boolean /string Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico.
Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
líneas de tendencia |
Muestra las
líneas de tendencia
en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia
Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces, las opciones se verán de la siguiente manera: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Tipo:
object Valor predeterminado:
null |
trendlines.n.color |
El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal. Tipo:
string Predeterminado: color predeterminado de la serie
|
trendlines.n.degree |
En el caso de las
líneas de tendencia
de Tipo:
number Valor predeterminado:
3 |
trendlines.n.labelInLegend |
Si se configura, la línea de tendencia aparecerá en la leyenda como esta cadena. Tipo:
string Valor predeterminado:
null |
trendlines.n.lineWidth |
Es el ancho de la línea de tendencia en píxeles. Tipo:
number Valor predeterminado:
2 |
trendlines.n.type |
Indica si la
línea de tendencia
es Tipo:
string Valor predeterminado:
linear |
trendlines.n.visibleInLegend |
Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia. Tipo:
boolean Valor predeterminado:
false |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del diagrama de burbujas
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
bubble |
Un objeto con miembros para configurar las propiedades visuales de las burbujas. Tipo:
object Valor predeterminado:
null |
bubble.opacity |
La opacidad de las burbujas, donde Tipo: Un número entre 0.0 y 1.0
Configuración predeterminada: 0.8
|
bubble.stroke |
El color del trazo de las burbujas. Tipo:
string Valor predeterminado:
'#ccc' |
bubble.textStyle |
Un objeto que especifica el estilo de texto de burbuja. El objeto tiene el siguiente formato: {color: <string>, fontName: <string>, fontSize: <number>}
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; un número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
series |
Es un objeto de objetos, en el que las claves son nombres de series (los valores de la columna Color) y cada objeto que describe el formato de la serie correspondiente en el gráfico. Si no se especifica una serie o un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:
series: {'Europe': {color: 'green'}} Tipo: Es un objeto con objetos anidados.
Valor predeterminado:
{} |
sizeAxis |
Un objeto con miembros para configurar cómo se asocian los valores al tamaño de la burbuja. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {minValue: 0, maxSize: 20} Tipo:
object Valor predeterminado:
null |
sizeAxis.maxSize |
Radio máximo de la burbuja más grande posible, en píxeles. Tipo:
number Configuración predeterminada: 30
|
sizeAxis.minSize |
Radio mínimo de la burbuja más pequeña posible, en píxeles. Tipo:
number Configuración predeterminada: 5
|
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Si se configura como Tipo:
boolean |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del Calendario
Nombre | |
---|---|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: ancho del elemento contenedor
|
Opciones de configuración del gráfico de velas
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico.
Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del gráfico de columnas
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
isStacked |
Si se establece en
La opción Las opciones para
Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.
De forma predeterminada, el eje objetivo marcará los valores basados en la escala relativa del 0 al 1 como fracciones de 1 para
El 100% de apilamiento solo admite valores de datos de tipo Tipo:
boolean /string Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico.
Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
líneas de tendencia |
Muestra las
líneas de tendencia
en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia
Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces, las opciones se verán de la siguiente manera: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Tipo:
object Valor predeterminado:
null |
trendlines.n.color |
El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal. Tipo:
string Predeterminado: color predeterminado de la serie
|
trendlines.n.degree |
En el caso de las
líneas de tendencia
de Tipo:
number Valor predeterminado:
3 |
trendlines.n.labelInLegend |
Si se configura, la línea de tendencia aparecerá en la leyenda como esta cadena. Tipo:
string Valor predeterminado:
null |
trendlines.n.lineWidth |
Es el ancho de la línea de tendencia en píxeles. Tipo:
number Valor predeterminado:
2 |
trendlines.n.type |
Indica si la
línea de tendencia
es Tipo:
string Valor predeterminado:
linear |
trendlines.n.visibleInLegend |
Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia. Tipo:
boolean Valor predeterminado:
false |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración de gráficos combinados
Nombre | |
---|---|
areaOpacity |
Es la opacidad predeterminada del área de color en una serie de gráfico de áreas, en la que Tipo:
number , 0.0- 1.0 Valor predeterminado:
0.3 |
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
curveType |
Controla la curva de las líneas cuando el ancho de línea no es cero. Puede ser una de los siguientes:
Tipo:
string Configuración predeterminada: “none”
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
interpolateNulls |
Indica si se debe adivinar el valor de los puntos faltantes. Si es
Esto no es compatible con los gráficos de área con la opción Tipo:
boolean Valor predeterminado:
false |
isStacked |
Si se establece en
La opción Las opciones para
Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.
De forma predeterminada, el eje objetivo marcará los valores basados en la escala relativa del 0 al 1 como fracciones de 1 para
El 100% de apilamiento solo admite valores de datos de tipo Tipo:
boolean /string Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad Tipo:
number Valor predeterminado:
2 |
pointShape |
La forma de los elementos de datos individuales: Tipo:
string Valor predeterminado:
'circle' |
pointSize |
Diámetro de los puntos que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores
para series individuales con la propiedad Tipo:
number Valor predeterminado:
0 |
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del indicador
Nombre | |
---|---|
greenColor |
El color que se utilizará para la sección verde en la notación de colores HTML. Tipo:
string Valor predeterminado:
'#109618' |
greenFrom |
El valor más bajo para un rango marcado con un color verde. Tipo:
number Configuración predeterminada: none
|
greenTo |
El valor más alto de un rango marcado con un color verde. Tipo:
number Configuración predeterminada: none
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: Ancho del contenedor
|
max |
El valor máximo que se mostrará en el eje Y. Si la cantidad máxima de datos supera este valor, se ignora esta configuración y el gráfico se ajusta para mostrar la siguiente marca de verificación importante por encima del dato máximo. Esto tiene prioridad sobre el máximo del eje Y determinado por Esto es similar a Tipo:
number Configuración predeterminada: automática
|
min |
El valor mínimo que se mostrará en el eje Y. Si el dato mínimo es menor que este valor,
se ignora esta configuración y el gráfico se ajusta para mostrar la siguiente marca de verificación
principal por debajo del dato mínimo. Esto tiene prioridad sobre el mínimo del eje Y determinado por Esto es similar a Tipo:
number Configuración predeterminada: automática
|
redColor |
El color que se utilizará para la sección roja en la notación de colores HTML. Tipo:
string Valor predeterminado:
'#DC3912' |
redFrom |
El valor más bajo para un rango marcado con un color rojo. Tipo:
number Configuración predeterminada: none
|
redTo |
El valor más alto de un rango marcado con un color rojo. Tipo:
number Configuración predeterminada: none
|
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: Ancho del contenedor
|
yellowColor |
El color que se utilizará para la sección amarilla en la notación de colores HTML. Tipo:
string Valor predeterminado:
'#FF9900' |
yellowFrom |
El valor más bajo para un rango marcado con un color amarillo. Tipo:
number Configuración predeterminada: none
|
yellowTo |
El valor más alto de un rango marcado con un color amarillo. Tipo:
number Configuración predeterminada: none
|
Opciones de configuración de diagramas geográficos
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
datalessRegionColor |
Es el color que se asignará a las regiones sin datos asociados. Tipo:
string Valor predeterminado:
'#F5F5F5' |
defaultColor |
Es el color que se usará para los datos en un diagrama geográfico cuando la ubicación (p.ej., Tipo:
string Valor predeterminado:
'#267114' |
displayMode |
Qué tipo de diagrama geográfico es este. El formato de DataTable debe coincidir con el valor especificado. Se admiten los siguientes valores:
Tipo:
string Configuración predeterminada: “auto”
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
region |
El área que se mostrará en el diagrama geográfico. También se muestran las áreas circundantes. Puede ser una de las siguientes opciones:
Tipo:
string Configuración predeterminada: “mundo”
|
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: ancho del elemento contenedor
|
Opciones de configuración del histograma
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo: string o object /div>
Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
histogram.bucketSize |
Codifica el tamaño de cada barra de histograma en lugar de dejar que se determine algorítmicamente. Tipo:
number Configuración predeterminada: auto
|
histogram.hideBucketItems |
Omite las divisiones finas entre los bloques del histograma, con lo que se convierte en una serie de barras sólidas. Tipo:
boolean Valor predeterminado:
false |
histogram.lastBucketPercentile |
Cuando calcules el tamaño del bucket del histograma, ignora el Tipo:
number Valor predeterminado:
0 |
interpolateNulls |
Indica si se debe adivinar el valor de los puntos faltantes. Si es
Esto no es compatible con los gráficos de área con la opción Tipo:
boolean Valor predeterminado:
false |
isStacked |
Si se establece en
La opción Las opciones para
Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.
De forma predeterminada, el eje objetivo marcará los valores basados en la escala relativa del 0 al 1 como fracciones de 1 para
El 100% de apilamiento solo admite valores de datos de tipo Tipo:
boolean /string Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: ancho del elemento contenedor
|
Opciones de configuración del gráfico de líneas
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
curveType |
Controla la curva de las líneas cuando el ancho de línea no es cero. Puede ser una de los siguientes:
Tipo:
string Configuración predeterminada: “none”
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
interpolateNulls |
Indica si se debe adivinar el valor de los puntos faltantes. Si es
Esto no es compatible con los gráficos de área con la opción Tipo:
boolean Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad Tipo:
number Valor predeterminado:
2 |
pointShape |
La forma de los elementos de datos individuales: Tipo:
string Valor predeterminado:
'circle' |
pointSize |
Diámetro de los puntos que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores
para series individuales con la propiedad Tipo:
number Valor predeterminado:
0 |
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico.
Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Si se configura como Tipo:
boolean |
líneas de tendencia |
Muestra las
líneas de tendencia
en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia
Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces, las opciones se verán de la siguiente manera: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Tipo:
object Valor predeterminado:
null |
trendlines.n.color |
El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal. Tipo:
string Predeterminado: color predeterminado de la serie
|
trendlines.n.degree |
En el caso de las
líneas de tendencia
de Tipo:
number Valor predeterminado:
3 |
trendlines.n.labelInLegend |
Si se configura, la línea de tendencia aparecerá en la leyenda como esta cadena. Tipo:
string Valor predeterminado:
null |
trendlines.n.lineWidth |
Es el ancho de línea de la línea de tendencia (en píxeles). Tipo:
number Valor predeterminado:
2 |
trendlines.n.type |
Indica si la
línea de tendencia
es Tipo:
string Valor predeterminado:
linear |
trendlines.n.visibleInLegend |
Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia. Tipo:
boolean Valor predeterminado:
false |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del organigrama
Nombre | |
---|---|
color [color] |
El color de fondo de los elementos del organigrama. Tipo:
Valor predeterminado:
'#edf7ff' |
selectionColor |
El color de fondo de los elementos seleccionados del organigrama. Tipo:
string Valor predeterminado:
'#d6e9f8' |
size |
El tamaño general del gráfico. Las opciones incluyen Tipo:
string Valor predeterminado:
'medium' |
Opciones de configuración del gráfico circular
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
is3D |
Si el valor es Tipo:
boolean Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
Si está entre Tipo:
number Valor predeterminado:
0 |
pieSliceBorderColor |
El color de los bordes de la porción. Solo es aplicable cuando el gráfico es bidimensional. Tipo:
string Valor predeterminado:
'white' |
pieSliceText |
El contenido del texto que se muestra en la porción. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'percentage' |
pieSliceTextStyle |
Un objeto que especifica el estilo de texto de la porción. El objeto tiene el siguiente formato: {color: <string>, fontName: <string>, fontSize: <number>}
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
slices.color |
El color que se usará para esta porción. Tipo:
string |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Opciones de configuración del diagrama de dispersión
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
curveType |
Controla la curva de las líneas cuando el ancho de línea no es cero. Puede ser una de los siguientes:
Tipo:
string Configuración predeterminada: “none”
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.gridlines |
Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.gridlines.color |
El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
hAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
hAxis.logScale |
La propiedad Esta opción solo se admite para un eje Tipo:
boolean Valor predeterminado:
false |
hAxis.maxValue |
Mueve el valor máximo del eje horizontal al valor especificado; esto estará hacia la derecha en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor X máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
hAxis.minorGridlines.color |
El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
hAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
hAxis.minValue |
Mueve el valor mínimo del eje horizontal al valor especificado; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos.
Tipo:
number Configuración predeterminada: automática
|
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad Tipo:
number Valor predeterminado:
2 |
pointShape |
La forma de los elementos de datos individuales: Tipo:
string Valor predeterminado:
'circle' |
pointSize |
Diámetro de los puntos que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores
para series individuales con la propiedad Tipo:
number Valor predeterminado:
0 |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado,o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Si se configura como Tipo:
boolean |
líneas de tendencia |
Muestra las
líneas de tendencia
en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia
Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces, las opciones se verán de la siguiente manera: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Tipo:
object Valor predeterminado:
null |
trendlines.n.color |
El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal. Tipo:
string Predeterminado: color predeterminado de la serie
|
trendlines.n.degree |
En el caso de las
líneas de tendencia
de Tipo:
number Valor predeterminado:
3 |
trendlines.n.labelInLegend |
Si se configura, la línea de tendencia aparecerá en la leyenda como esta cadena. Tipo:
string Valor predeterminado:
null |
trendlines.n.lineWidth |
Es el ancho de línea de la línea de tendencia (en píxeles). Tipo:
number Valor predeterminado:
2 |
trendlines.n.type |
Indica si la
línea de tendencia
es Tipo:
string Valor predeterminado:
linear |
trendlines.n.visibleInLegend |
Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia. Tipo:
boolean Valor predeterminado:
false |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
Opciones de configuración del gráfico de áreas escalonado
Nombre | |
---|---|
areaOpacity |
Es la opacidad predeterminada del área de color en una serie de gráfico de áreas, en la que Tipo:
number , 0.0- 1.0 Valor predeterminado:
0.3 |
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
backgroundColor.fill |
El color de relleno del gráfico, como una cadena de color HTML. Tipo:
string Valor predeterminado:
'white' |
chartArea |
Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: Tipo:
object Valor predeterminado:
null |
chartArea.backgroundColor |
Color de fondo del área del gráfico Cuando se usa una string, puede ser una string hexadecimal (p.ej.,
'#fdc' ) o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
Tipo:
string o object Valor predeterminado:
'white' |
chartArea.height |
Altura del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.left |
Indica qué tan lejos debe dibujar el gráfico desde el borde izquierdo. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.top |
Indica qué tan lejos debe dibujar el gráfico desde el borde superior. Tipo:
number o string Configuración predeterminada: auto
|
chartArea.width |
Ancho del área del gráfico. Tipo:
number o string Configuración predeterminada: auto
|
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
hAxis |
Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Tipo:
object Valor predeterminado:
null |
hAxis.direction |
La dirección en la que crecen los valores en el eje horizontal. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
hAxis.textPosition |
Es la posición del texto del eje horizontal en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
hAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
La propiedad Tipo:
string Valor predeterminado:
null |
hAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Especifica el rango de recorte del eje horizontal. Tipo:
object Valor predeterminado:
null |
hAxis.viewWindow.max |
El valor máximo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
hAxis.viewWindow.min |
El valor mínimo de datos horizontales que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
isStacked |
Si se establece en
La opción Las opciones para
Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.
De forma predeterminada, el eje objetivo marcará los valores basados en la escala relativa del 0 al 1 como fracciones de 1 para
El 100% de apilamiento solo admite valores de datos de tipo Tipo:
boolean / string Valor predeterminado:
false |
leyenda |
Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Tipo:
object Valor predeterminado:
null |
legend.position |
Posición de la leyenda. Puede ser una de los siguientes:
Tipo:
string Valor predeterminado:
'right' |
legendTextStyle |
Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Si se configura en
Esta opción solo se admite en un eje Tipo:
boolean Valor predeterminado:
false |
series |
Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico.
Para usar valores predeterminados en una serie, especifica un objeto vacío
Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden dado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica.Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado:
{} |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tema |
Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:
Tipo:
string Valor predeterminado:
null |
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Si se configura como Tipo:
boolean |
useFirstColumnAsDomain |
Si se configura como Tipo:
boolean |
vAxes |
Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales.
Cada objeto secundario es un objeto
Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos,
cada uno con una etiqueta numérica que especifica el eje que define (este es el formato que se muestra
anteriormente). El array es un array de objetos, uno por eje. Por ejemplo, la siguiente notación de estilo de array es idéntica al objeto vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Tipo: Es un array de un objeto o un objeto con objetos secundarios.
Valor predeterminado:
null |
vAxis |
Un objeto con miembros para configurar varios elementos del eje vertical. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Tipo:
object Valor predeterminado:
null |
vAxis.direction |
La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica Tipo:
1 o -1 Valor predeterminado:
1 |
vAxis.gridlines |
Un objeto con miembros para configurar las líneas de cuadrícula en el eje vertical. Ten en cuenta que las líneas de cuadrícula del eje vertical se dibujan horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación: {color: '#333', minSpacing: 20}
Esta opción solo se admite en un eje Tipo:
object Valor predeterminado:
null |
vAxis.gridlines.color |
El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida. Tipo:
string Valor predeterminado:
'#CCC' |
vAxis.gridlines.count |
La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico.
Si especificas un número positivo para Tipo:
number Valor predeterminado:
-1 |
vAxis.logScale |
Si es Tipo:
boolean Valor predeterminado:
false |
vAxis.maxValue |
Mueve el valor máximo del eje vertical al valor especificado; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos.
Tipo:
number Configuración predeterminada: automática
|
vAxis.minorGridlines |
Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines. Tipo:
object Valor predeterminado:
null |
vAxis.minorGridlines.color |
El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida. Tipo:
string Predeterminado: Es una combinación de los colores de la línea de cuadrícula y del fondo.
|
vAxis.minorGridlines.count |
La opción Tipo:
number Valor predeterminado:
1 |
vAxis.minValue |
Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos.
Tipo:
number Valor predeterminado:
null |
vAxis.textPosition |
Es la posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: Tipo:
string Valor predeterminado:
'out' |
vAxis.textStyle |
Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Especifica un título para el eje vertical. Tipo:
string Configuración predeterminada: sin título
|
vAxis.titleTextStyle |
Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Especifica el rango de recorte del eje vertical. Tipo:
object Valor predeterminado:
null |
vAxis.viewWindow.max |
El valor de datos vertical máximo que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
vAxis.viewWindow.min |
El valor vertical mínimo de datos que se renderizará. Se ignora cuando Tipo:
number Configuración predeterminada: auto
|
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: ancho del elemento contenedor
|
Opciones de configuración de los gráficos de tablas
Nombre | |
---|---|
alternatingRowStyle |
Determina si un estilo de color alternativo se asignará a filas impares y pares. Tipo:
boolean Valor predeterminado:
true |
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
página |
Cómo habilitar la paginación a través de los datos y cómo hacerlo. Elige uno de los siguientes valores de
Tipo:
string Valor predeterminado:
'disable' |
pageSize |
La cantidad de filas en cada página, cuando la paginación está habilitada con la opción de página Tipo:
number Valor predeterminado:
10 |
showRowNumber |
Si se configura en Tipo:
boolean Valor predeterminado:
false |
sort |
Si y cómo ordenar las columnas cuando el usuario hace clic en el encabezado de una columna Si el ordenamiento está habilitado, considera configurar también las propiedades
Tipo:
string Valor predeterminado:
'enable' |
sortAscending |
Es el orden en el que se ordena la columna de orden inicial. Tipo:
boolean Valor predeterminado:
true |
sortColumn |
Es el índice de una columna en la tabla de datos, según el cual la tabla se ordena inicialmente. La columna se marca con una flecha pequeña que indica el orden de clasificación. Tipo:
number Valor predeterminado:
-1 |
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: ancho del elemento contenedor
|
Opciones de configuración del cronograma
Nombre | |
---|---|
backgroundColor |
El color de fondo del área principal del gráfico. Puede ser una string simple de color HTML, por ejemplo, Tipo:
string o object Valor predeterminado:
'white' |
colores |
Los colores que se utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: Tipo: Arreglo de strings
Predeterminado: colores predeterminados
|
alto |
Altura del gráfico en píxeles. Tipo:
number Predeterminado: altura del elemento contenedor
|
ancho |
Es el ancho del gráfico en píxeles. Tipo:
number Predeterminado: ancho del elemento contenedor
|
Opciones de configuración del diagrama de árbol
Nombre | |
---|---|
headerColor |
El color de la sección del encabezado de cada nodo. Especifica un valor de color HTML. Tipo:
string Valor predeterminado:
#988f86 |
maxColor |
Color de un rectángulo con un valor de la columna 3 de Tipo:
string Valor predeterminado:
#00dd00 |
maxDepth |
La cantidad máxima de niveles de nodos que se muestran en la vista actual. Los niveles se aplanan en el plano actual. Si el árbol tiene más niveles, debes subir o bajar para verlos. Además, puedes ver niveles de Tipo:
number Valor predeterminado:
1 |
maxPostDepth |
Cantidad de niveles de nodos más allá de Tipo:
number Valor predeterminado:
0 |
midColor |
Es el color de un rectángulo con un valor de la columna 3 medio entre Tipo:
string Valor predeterminado:
#000000 |
minColor |
Es el color de un rectángulo con el valor de la columna 3 de Tipo:
string Valor predeterminado:
#dd0000 |
noColor |
El color que se usa en el rectángulo cuando un nodo no tiene un valor para la columna 3 y ese nodo es una hoja (o solo contiene hojas). Especifica un valor de color HTML. Tipo:
string Valor predeterminado:
#000000 |
subtítulo |
Texto que se mostrará debajo del título del gráfico. Tipo:
string Configuración predeterminada: sin título
|
subtitleTextStyle |
Es un objeto que especifica el estilo de texto del título.
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
Es un objeto que especifica el estilo de texto del título. El color puede ser cualquier string de color HTML, por ejemplo: Tipo:
object Predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
título |
Texto que se mostrará sobre el gráfico. Tipo:
string Configuración predeterminada: sin título
|
titleTextStyle |
Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
El Tipo:
object
Configuración predeterminada:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|