Opciones de configuración del gráfico

Tipos de gráficos

Opciones de configuración del gráfico de anotaciones

Nombre
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es una cadena de color HTML, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
displayRangeSelector

Establece si se muestra el área de selección del rango de zoom (el área en la parte inferior del gráfico), donde false significa "no".

El contorno del selector de zoom es una versión a 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

Establece si se deben mostrar los botones de zoom ("1d 5d 1m", etc.), donde false significa "no".

Tipo: boolean
Valor predeterminado: true
máx.

El valor máximo que se muestra en el eje Y. Si el dato máximo supera este valor, este se ignora y el gráfico se ajusta para mostrar la siguiente marca de verificación principal por encima del dato máximo. Esto tiene prioridad sobre el máximo del eje Y determinado de scaleType.

Es similar a maxValue en los gráficos principales.

Tipo: number
Predeterminada: automática
min

El valor mínimo que se muestra en el eje Y. Si el dato mínimo es menor que este valor, este parámetro de configuración se ignora, y el gráfico se ajusta para mostrar la siguiente marca principal debajo del dato mínimo. Esto tiene prioridad sobre el mínimo del eje Y determinados por scaleType.

Es similar a minValue en los gráficos principales.

Tipo: number
Predeterminada: automática

Opciones de configuración del gráfico de áreas

Nombre
areaOpacity

La opacidad predeterminada del área de color en una serie de gráfico de áreas, donde 0.0 es completamente transparente y 1.0 es completamente opaco. Para especificar la opacidad de una serie individual, establece el valor areaOpacity en la propiedad series.

Tipo: number, 0.0- 1.0
Valor predeterminado: 0.3
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
interpolateNulls

Indica si adivinar el valor de los puntos faltantes. Si es true, adivinará la de los datos faltantes según los puntos vecinos. Si es false, se dejar una pausa en la línea en un punto desconocido.

Esto no es compatible con Gráficos de área con el isStacked: true/'percent'/'relative'/'absolute' opción.

Tipo: boolean
Valor predeterminado: false
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En Columna, Área y gráficos SteppedArea, Google Charts invierte el orden de los elementos de las leyendas para que se correspondan mejor con el apilamiento de los elementos de la serie (p. ej., la serie 0 es el elemento de leyenda ubicado más abajo) Esta no se aplica a Gráficos de barras.

La opción isStacked también admite el apilado al 100%, en el que las pilas de elementos de cada valor de dominio se reescalan para sumar un 100%.

Las opciones para isStacked son las siguientes:

  • false: Los elementos no se apilan. Esta es la opción predeterminada.
  • true: Apila elementos para todas las series en cada valor de dominio.
  • 'percent': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen hasta un 100% y el valor de cada elemento se calcula como una el porcentaje de 100%.
  • 'relative': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para apilar al 100%, el valor calculado de cada elemento aparecerá en el cuadro de información después de su el valor real.

De forma predeterminada, el eje objetivo mostrará valores de marca basados en la escala relativa de 0 a 1 como fracciones. de 1 para 'relative' y de 0-100% para 'percent' (Nota: Cuando se usa la opción 'percent', los valores de los ejes y las marcas) se muestran como porcentajes; sin embargo, los valores reales son los valores relativos de la escala 0-1. Esto se debe a que las marcas del eje porcentual son el resultado de aplicar un formato de “#.##%”. a los valores relativos de escala 0-1. Cuando uses isStacked: 'percent', asegúrate de especificar las marcas o líneas de cuadrícula mediante los valores relativos de escala 0-1). Puedes personalizar el líneas de cuadrícula/marca de valores y formato con las opciones hAxis/vAxis adecuadas

El 100% de la pila solo admite valores de datos de tipo number y debe una línea base de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociado. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 valores para series individuales con la propiedad series

Tipo: number
Valor predeterminado: 2
pointShape

La forma de los elementos de datos individuales: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentación de puntos para ver ejemplos.

Tipo: string
Valor predeterminado: 'circle'
pointSize

Diámetro de los puntos mostrados en píxeles. Usa el cero para ocultar todos los puntos. Puedes anular valores para series individuales con la propiedad series.

Tipo: number
Valor predeterminado: 0
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

Un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar la configuración predeterminada valores para una serie, especifica un objeto vacío {}. Si no se especifica una serie o un valor, el valor global que se usará. Cada objeto admite las siguientes propiedades:

  • annotations: Es un objeto que se aplicará a las anotaciones de esta serie. Esta Se puede usar para controlar, por ejemplo, el textStyle de la serie: 

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

    Consulta las diversas opciones de annotations para obtener una lista más completa de lo que se puede personalizada.

  • areaOpacity: Anula el areaOpacity global de esta serie.
  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineDashStyle: Anula el valor global de lineDashStyle para esto. .
  • lineWidth: Anula el valor global de lineWidth para esta serie.
  • pointShape: Anula el valor global de pointShape para esto. .
  • pointSize: Anula el valor global de pointSize para esta serie.
  • pointsVisible: Anula el valor global de pointsVisible para esto. .
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si se establece en true, el gráfico tratará la columna como una columna de texto.

Tipo: boolean
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del gráfico de barras

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo:string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: Número o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
hAxes

Especifica las propiedades de los ejes horizontales individuales si el gráfico tiene varios ejes horizontales. los ejes. Cada objeto secundario es un objeto hAxis y puede contener todas las propiedades. compatible con hAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con varios ejes horizontales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con hAxes. El El siguiente ejemplo asigna la serie 1 al eje inferior y especifica un título y texto personalizados estilo:

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

Esta propiedad puede ser un objeto o un array: el objeto es una colección de objetos. cada una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto hAxis que se muestra arriba: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En Columna, Área y gráficos SteppedArea, Google Charts invierte el orden de los elementos de las leyendas para que se correspondan mejor con el apilamiento de los elementos de la serie (p. ej., la serie 0 es el elemento de leyenda ubicado más abajo) Esta no se aplica a Gráficos de barras.

La opción isStacked también admite el apilado al 100%, en el que las pilas de elementos de cada valor de dominio se reescalan para sumar un 100%.

Las opciones para isStacked son las siguientes:

  • false: Los elementos no se apilan. Esta es la opción predeterminada.
  • true: Apila elementos para todas las series en cada valor de dominio.
  • 'percent': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen hasta un 100% y el valor de cada elemento se calcula como una el porcentaje de 100%.
  • 'relative': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para apilar al 100%, el valor calculado de cada elemento aparecerá en el cuadro de información después de su el valor real.

De forma predeterminada, el eje objetivo mostrará valores de marca basados en la escala relativa de 0 a 1 como fracciones. de 1 para 'relative' y de 0-100% para 'percent' (Nota: Cuando se usa la opción 'percent', los valores de los ejes y las marcas) se muestran como porcentajes; sin embargo, los valores reales son los valores relativos de la escala 0-1. Esto se debe a que las marcas del eje porcentual son el resultado de aplicar un formato de “#.##%”. a los valores relativos de escala 0-1. Cuando uses isStacked: 'percent', asegúrate de especificar las marcas o líneas de cuadrícula mediante los valores relativos de escala 0-1). Puedes personalizar el líneas de cuadrícula/marca de valores y formato con las opciones hAxis/vAxis adecuadas

El 100% de la pila solo admite valores de datos de tipo number y debe una línea base de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

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 {}. Si una serie o no se especifica un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • annotations: Es un objeto que se aplicará a las anotaciones de esta serie. Esta Se puede usar para controlar, por ejemplo, el textStyle de la serie: 

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

    Consulta las diversas opciones de annotations para obtener una lista más completa de lo que se puede personalizada.

  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
líneas de tendencia

Pantallas líneas de tendencia en los cuadros que los respaldan. De forma predeterminada, se muestran linear líneas de tendencia pero se puede personalizar con la opción trendlines.n.type.

Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces tus opciones serán así: 

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 del línea de tendencia , expresada con un nombre de color en inglés o con una cadena hexadecimal.

Tipo: string
Predeterminado: color predeterminado de la serie
trendlines.n.degree

Para líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadrática, 3 para cúbico, etcétera).

Tipo: number
Valor predeterminado: 3
trendlines.n.labelInLegend

Si se establece, el línea de tendencia aparecerá en la leyenda como esta cadena.

Tipo: string
Valor predeterminado: null
trendlines.n.lineWidth

El ancho de línea del línea de tendencia, en píxeles.

Tipo: number
Valor predeterminado: 2
trendlines.n.type

Ya sea que el campo líneas de tendencia es 'linear' (el valor predeterminado), 'exponential' o 'polynomial'

Tipo: string
Valor predeterminado: linear
trendlines.n.visibleInLegend

Ya sea que el campo línea de tendencia ecuación aparece en la leyenda. Aparecerá en el cuadro de información de la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del diagrama de burbujas

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
cuadro de ayuda

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 0 es completamente transparente y 1 es completamente opaco.

Tipo: número entre 0.0 y 1.0
Valor predeterminado: 0.8
bubble.stroke

El color de las burbujas .

Tipo: string
Valor predeterminado: '#ccc'
bubble.textStyle

Un objeto que especifica el estilo de texto de la burbuja. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o una seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
serie

Un objeto de objetos, en el que las claves son nombres de series (los valores de la columna Color) y cada objeto que describa el formato de la serie correspondiente en el gráfico. Si un o no se especifica un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.
Ejemplo: 
series: {'Europe': {color: 'green'}}
Tipo: Objeto con objetos anidados
Valor predeterminado: {}
sizeAxis

Un objeto con miembros para configurar cómo se asocian los valores con el tamaño de burbuja. Para especificar 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
Valor predeterminado: 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si se establece en true, el gráfico tratará la columna como una columna de texto.

Tipo: boolean
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del Calendario

Nombre
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la 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
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

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 {}. Si una serie o un valor no se especifica, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • fallingColor.fill: Anula la global. Es un valor de candlestick.fallingColor.fill para esta serie.
  • fallingColor.stroke: Anula la global. Es un valor de candlestick.fallingColor.stroke para esta serie.
  • fallingColor.strokeWidth: Anula la global. Es un valor de candlestick.fallingColor.strokeWidth para esta serie.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • risingColor.fill: Anula la global. Es un valor de candlestick.risingColor.fill para esta serie.
  • risingColor.stroke: Anula la global. Es un valor de candlestick.risingColor.stroke para esta serie.
  • risingColor.strokeWidth: Anula la global. Es un valor de candlestick.risingColor.strokeWidth para esta serie.
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del gráfico de columnas

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En Columna, Área y gráficos SteppedArea, Google Charts invierte el orden de los elementos de las leyendas para que se correspondan mejor con el apilamiento de los elementos de la serie (p. ej., la serie 0 es el elemento de leyenda ubicado más abajo) Esta no se aplica a Gráficos de barras.

La opción isStacked también admite el apilado al 100%, en el que las pilas de elementos de cada valor de dominio se reescalan para sumar un 100%.

Las opciones para isStacked son las siguientes:

  • false: Los elementos no se apilan. Esta es la opción predeterminada.
  • true: Apila elementos para todas las series en cada valor de dominio.
  • 'percent': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen hasta un 100% y el valor de cada elemento se calcula como una el porcentaje de 100%.
  • 'relative': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para apilar al 100%, el valor calculado de cada elemento aparecerá en el cuadro de información después de su el valor real.

De forma predeterminada, el eje objetivo mostrará valores de marca basados en la escala relativa de 0 a 1 como fracciones. de 1 para 'relative' y de 0-100% para 'percent' (Nota: Cuando se usa la opción 'percent', los valores de los ejes y las marcas) se muestran como porcentajes; sin embargo, los valores reales son los valores relativos de la escala 0-1. Esto se debe a que las marcas del eje porcentual son el resultado de aplicar un formato de “#.##%”. a los valores relativos de escala 0-1. Cuando uses isStacked: 'percent', asegúrate de especificar las marcas o líneas de cuadrícula mediante los valores relativos de escala 0-1). Puedes personalizar el líneas de cuadrícula/marca de valores y formato con las opciones hAxis/vAxis adecuadas

El 100% de la pila solo admite valores de datos de tipo number y debe una línea base de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

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 {}. Si una serie o un valor no son especificado, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • annotations: Es un objeto que se aplicará a las anotaciones de esta serie. Esta Se puede usar para controlar, por ejemplo, el textStyle de la serie: 

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

    Consulta las diversas opciones de annotations para obtener una lista más completa de lo que se puede personalizada.

  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
líneas de tendencia

Pantallas líneas de tendencia en los cuadros que los respaldan. De forma predeterminada, se muestran linear líneas de tendencia pero se puede personalizar con la opción trendlines.n.type.

Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces tus opciones serán así: 

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 del línea de tendencia , expresada con un nombre de color en inglés o con una cadena hexadecimal.

Tipo: string
Predeterminado: color predeterminado de la serie
trendlines.n.degree

Para líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadrática, 3 para cúbico, etcétera).

Tipo: number
Valor predeterminado: 3
trendlines.n.labelInLegend

Si se establece, el línea de tendencia aparecerá en la leyenda como esta cadena.

Tipo: string
Valor predeterminado: null
trendlines.n.lineWidth

El ancho de línea del línea de tendencia, en píxeles.

Tipo: number
Valor predeterminado: 2
trendlines.n.type

Ya sea que el campo líneas de tendencia es 'linear' (el valor predeterminado), 'exponential' o 'polynomial'

Tipo: string
Valor predeterminado: linear
trendlines.n.visibleInLegend

Ya sea que el campo línea de tendencia ecuación aparece en la leyenda. Aparecerá en el cuadro de información de la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del gráfico combinado

Nombre
areaOpacity

La opacidad predeterminada del área de color en una serie de gráfico de áreas, donde 0.0 es completamente transparente y 1.0 es completamente opaco. Para especificar la opacidad de una serie individual, establece el valor areaOpacity en la propiedad series.

Tipo: number, 0.0- 1.0
Valor predeterminado: 0.3
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
curveType

Controla la curva de las líneas cuando el ancho de línea no es cero. Puede ser una de las siguientes:

  • 'none': Son líneas rectas sin curvas.
  • 'function': Se suavizan los ángulos de la línea.
Tipo:string
Configuración predeterminada: “ninguna”
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
interpolateNulls

Indica si adivinar el valor de los puntos faltantes. Si es true, adivinará la de los datos faltantes según los puntos vecinos. Si es false, se dejar una pausa en la línea en un punto desconocido.

Esto no es compatible con Gráficos de área con el isStacked: true/'percent'/'relative'/'absolute' opción.

Tipo: boolean
Valor predeterminado: false
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En Columna, Área y gráficos SteppedArea, Google Charts invierte el orden de los elementos de las leyendas para que se correspondan mejor con el apilamiento de los elementos de la serie (p. ej., la serie 0 es el elemento de leyenda ubicado más abajo) Esta no se aplica a Gráficos de barras.

La opción isStacked también admite el apilado al 100%, en el que las pilas de elementos de cada valor de dominio se reescalan para sumar un 100%.

Las opciones para isStacked son las siguientes:

  • false: Los elementos no se apilan. Esta es la opción predeterminada.
  • true: Apila elementos para todas las series en cada valor de dominio.
  • 'percent': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen hasta un 100% y el valor de cada elemento se calcula como una el porcentaje de 100%.
  • 'relative': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para apilar al 100%, el valor calculado de cada elemento aparecerá en el cuadro de información después de su el valor real.

De forma predeterminada, el eje objetivo mostrará valores de marca basados en la escala relativa de 0 a 1 como fracciones. de 1 para 'relative' y de 0-100% para 'percent' (Nota: Cuando se usa la opción 'percent', los valores de los ejes y las marcas) se muestran como porcentajes; sin embargo, los valores reales son los valores relativos de la escala 0-1. Esto se debe a que las marcas del eje porcentual son el resultado de aplicar un formato de “#.##%”. a los valores relativos de escala 0-1. Cuando uses isStacked: 'percent', asegúrate de especificar las marcas o líneas de cuadrícula mediante los valores relativos de escala 0-1). Puedes personalizar el líneas de cuadrícula/marca de valores y formato con las opciones hAxis/vAxis adecuadas

El 100% de la pila solo admite valores de datos de tipo number y debe una línea base de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 valores para series individuales con la propiedad series

Tipo: number
Valor predeterminado: 2
pointShape

La forma de los elementos de datos individuales: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentación de puntos para ver ejemplos.

Tipo: string
Valor predeterminado: 'circle'
pointSize

Diámetro de los puntos mostrados en píxeles. Usa el cero para ocultar todos los puntos. Puedes anular valores para series individuales con la propiedad series. Si utilizas un línea de tendencia, La opción pointSize afectará el ancho de la línea de tendencia, a menos que la anules con la opción trendlines.n.pointsize.

Tipo: number
Valor predeterminado: 0
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

Un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar la configuración predeterminada valores para una serie, especifica un objeto vacío {}. Si no se especifica una serie o un valor, el valor global que se usará. Cada objeto admite las siguientes propiedades:

  • annotations: Es un objeto que se aplicará a las anotaciones de esta serie. Esta Se puede usar para controlar, por ejemplo, el textStyle de la serie: 

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

    Consulta las diversas opciones de annotations para obtener una lista más completa de lo que se puede personalizada.

  • areaOpacity: Anula el areaOpacity global para esta serie.
  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • curveType: Anula el valor global de curveType para esta serie.
  • fallingColor.fill: Anula la global. Es un valor de candlestick.fallingColor.fill para esta serie.
  • fallingColor.stroke: Anula la global. Es un valor de candlestick.fallingColor.stroke para esta serie.
  • fallingColor.strokeWidth: Anula la global. Es un valor de candlestick.fallingColor.strokeWidth para esta serie.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineDashStyle: Anula el valor global de lineDashStyle para esto. .
  • lineWidth: Anula el valor global de lineWidth para esta serie.
  • pointShape: Anula el valor global de pointShape para esto. .
  • pointSize: Anula el valor global de pointSize para esta serie.
  • pointsVisible: Anula el valor global de pointsVisible para esto. .
  • risingColor.fill: Anula la global. Es un valor de candlestick.risingColor.fill para esta serie.
  • risingColor.stroke: Anula la global. Es un valor de candlestick.risingColor.stroke para esta serie.
  • risingColor.strokeWidth: Anula la global. Es un valor de candlestick.risingColor.strokeWidth para esta serie.
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • type: Es el tipo de marcador de esta serie. Los valores válidos son 'línea', 'área', 'bars' y 'steppedArea'. Ten en cuenta que las barras son en realidad barras verticales. (columnas). La opción seriesType del gráfico especifica el valor predeterminado.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del indicador

Nombre
greenColor

El color que se usará para la sección verde en la notación de colores HTML.

Tipo: string
Valor predeterminado: '#109618'
greenFrom

El valor más bajo de un rango marcado con un color verde.

Tipo: number
Configuración predeterminada: ninguna
greenTo

El valor más alto de un rango marcado con un color verde.

Tipo: number
Configuración predeterminada: ninguna
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: Ancho del contenedor
máx.

El valor máximo que se muestra en el eje Y. Si el dato máximo supera este valor, este se ignora y el gráfico se ajusta para mostrar la siguiente marca de verificación principal por encima del dato máximo. Esto tiene prioridad sobre el máximo del eje Y determinado de scaleType.

Es similar a maxValue en los gráficos principales.

Tipo: number
Predeterminada: automática
min

El valor mínimo que se muestra en el eje Y. Si el dato mínimo es menor que este valor, este parámetro de configuración se ignora, y el gráfico se ajusta para mostrar la siguiente marca principal debajo del dato mínimo. Esto tiene prioridad sobre el mínimo del eje Y determinados por scaleType.

Es similar a minValue en los gráficos principales.

Tipo: number
Predeterminada: automática
redColor

El color que se usará para la sección roja en la notación de colores HTML.

Tipo: string
Valor predeterminado: '#DC3912'
redFrom

El valor más bajo de un rango marcado por un color rojo.

Tipo: number
Configuración predeterminada: ninguna
redTo

El valor más alto para un rango marcado con un color rojo.

Tipo: number
Configuración predeterminada: ninguna
ancho

Es el ancho del gráfico en píxeles.

Tipo: number
Predeterminado: Ancho del contenedor
yellowColor

El color que se usará para la sección amarilla en la notación de colores HTML.

Tipo: string
Valor predeterminado: '#FF9900'
yellowFrom

El valor más bajo de un rango marcado con un color amarillo.

Tipo: number
Configuración predeterminada: ninguna
yellowTo

El valor más alto para un rango marcado con un color amarillo.

Tipo: number
Configuración predeterminada: ninguna

Opciones de configuración de diagrama geográfico

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
datalessRegionColor

Color para asignar a regiones sin datos asociados.

Tipo: string
Valor predeterminado: '#F5F5F5'
defaultColor

El color que se usará para los puntos de datos en un diagrama geográfico cuando la ubicación (p.ej., 'US') está presente, pero el valor es null o sin especificar. Este valor es distinto de datalessRegionColor, que es el color que se usa cuando faltan datos.

Tipo: string
Valor predeterminado: '#267114'
displayMode

¿Qué tipo de diagrama geográfico es? El formato DataTable debe coincidir con el valor especificado. El se admiten los siguientes valores:

  • 'auto': elige según el formato de DataTable.
  • 'regions': Establece el color de las regiones en el diagrama geográfico.
  • 'markers': Coloca marcadores en las regiones.
  • 'text': Etiqueta las regiones con texto de DataTable.
Tipo: string
Configuración predeterminada: "auto"
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
región

El área que se mostrará en el diagrama geográfico. También se muestran las áreas circundantes. Puede ser una de las siguientes opciones:

  • 'world': Es un diagrama geográfico de todo el mundo.
  • Un continente o subcontinente, especificado por su Código de 3 dígitos, p.ej., '011' para África Occidental.
  • Un país, especificado por su Código ISO 3166-1 alpha-2. p.ej., 'AU' para Australia.
  • Un estado de los Estados Unidos, especificado por su Código ISO 3166-2:US, p.ej., 'US-AL' para Alabama. Ten en cuenta que la opción resolution debe configurarse como: 'provinces' o 'metros'.
Tipo: string
Predeterminado: "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
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object/div>
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
histogram.bucketSize

Codificar el tamaño de cada barra de histograma, en lugar de dejar que se determine de manera algorítmica.

Tipo: number
Predeterminada: automática
histogram.hideBucketItems

Omite las divisiones finas entre los bloques del histograma y conviértelo en una serie de barras sólidas.

Tipo: boolean
Valor predeterminado: false
histogram.lastBucketPercentile

Cuando calcules el tamaño del bucket del histograma, ignora las partes inferior y superior lastBucketPercentile por ciento. Los valores son siguen incluidas en el histograma, pero no afectan el agrupamiento.

Tipo: number
Valor predeterminado: 0
interpolateNulls

Indica si adivinar el valor de los puntos faltantes. Si es true, adivinará la de los datos faltantes según los puntos vecinos. Si es false, se dejar una pausa en la línea en un punto desconocido.

Esto no es compatible con Gráficos de área con el isStacked: true/'percent'/'relative'/'absolute' opción.

Tipo: boolean
Valor predeterminado: false
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En Columna, Área y gráficos SteppedArea, Google Charts invierte el orden de los elementos de las leyendas para que se correspondan mejor con el apilamiento de los elementos de la serie (p. ej., la serie 0 es el elemento de leyenda ubicado más abajo) Esta no se aplica a Gráficos de barras.

La opción isStacked también admite el apilado al 100%, en el que las pilas de elementos de cada valor de dominio se reescalan para sumar un 100%.

Las opciones para isStacked son las siguientes:

  • false: Los elementos no se apilan. Esta es la opción predeterminada.
  • true: Apila elementos para todas las series en cada valor de dominio.
  • 'percent': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen hasta un 100% y el valor de cada elemento se calcula como una el porcentaje de 100%.
  • 'relative': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para apilar al 100%, el valor calculado de cada elemento aparecerá en el cuadro de información después de su el valor real.

De forma predeterminada, el eje objetivo mostrará valores de marca basados en la escala relativa de 0 a 1 como fracciones. de 1 para 'relative' y de 0-100% para 'percent' (Nota: Cuando se usa la opción 'percent', los valores de los ejes y las marcas) se muestran como porcentajes; sin embargo, los valores reales son los valores relativos de la escala 0-1. Esto se debe a que las marcas del eje porcentual son el resultado de aplicar un formato de “#.##%”. a los valores relativos de escala 0-1. Cuando uses isStacked: 'percent', asegúrate de especificar las marcas o líneas de cuadrícula mediante los valores relativos de escala 0-1). Puedes personalizar el líneas de cuadrícula/marca de valores y formato con las opciones hAxis/vAxis adecuadas

El 100% de la pila solo admite valores de datos de tipo number y debe una línea base de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

Un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados para una serie, especifica un objeto vacío {}. Si no se especifica una serie o un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
ancho

Es el ancho del gráfico en píxeles.

Tipo: number
Predeterminado: Ancho del elemento contenedor

Opciones de configuración de gráfico de líneas

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
curveType

Controla la curva de las líneas cuando el ancho de línea no es cero. Puede ser una de las siguientes:

  • 'none': Son líneas rectas sin curvas.
  • 'function': Se suavizan los ángulos de la línea.
Tipo: string
Configuración predeterminada: “ninguna”
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo:string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
interpolateNulls

Indica si adivinar el valor de los puntos faltantes. Si es true, adivinará la de los datos faltantes según los puntos vecinos. Si es false, se dejar una pausa en la línea en un punto desconocido.

Esto no es compatible con Gráficos de área con el isStacked: true/'percent'/'relative'/'absolute' opción.

Tipo: boolean
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 valores para series individuales con la propiedad series

Tipo: number
Valor predeterminado: 2
pointShape

La forma de los elementos de datos individuales: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentación de puntos para ver ejemplos.

Tipo: string
Valor predeterminado: 'circle'
pointSize

Diámetro de los puntos mostrados en píxeles. Usa el cero para ocultar todos los puntos. Puedes anular valores para series individuales con la propiedad series. Si utilizas un línea de tendencia, La opción pointSize afectará el ancho de la línea de tendencia, a menos que la anules con la opción trendlines.n.pointsize.

Tipo: number
Valor predeterminado: 0
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

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 {}. Si no se especifica una serie o un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • annotations: Es un objeto que se aplicará a las anotaciones de esta serie. Esta Se puede usar para controlar, por ejemplo, el textStyle de la serie: 

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

    Consulta las diversas opciones de annotations para obtener una lista más completa de lo que se puede personalizada.

  • type: Es el tipo de marcador de esta serie. Los valores válidos son 'línea', 'área', 'bars' y 'steppedArea'. Ten en cuenta que las barras son en realidad barras verticales. (columnas). La opción seriesType del gráfico especifica el valor predeterminado.
  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • curveType: Anula el valor global de curveType para esta serie.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineDashStyle: Anula el valor global de lineDashStyle para esto. .
  • lineWidth: Anula el valor global de lineWidth para esta serie.
  • pointShape: Anula el valor global de pointShape para esto. .
  • pointSize: Anula el valor global de pointSize para esta serie.
  • pointsVisible: Anula el valor global de pointsVisible para esto. .
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si se establece en true, el gráfico tratará la columna como una columna de texto.

Tipo: boolean
líneas de tendencia

Pantallas líneas de tendencia en los cuadros que los respaldan. De forma predeterminada, se muestran linear líneas de tendencia pero se puede personalizar con la opción trendlines.n.type.

Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces tus opciones serán así: 

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 del línea de tendencia , expresada con un nombre de color en inglés o con una cadena hexadecimal.

Tipo: string
Predeterminado: color predeterminado de la serie
trendlines.n.degree

Para líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadrática, 3 para cúbico, etcétera).

Tipo: number
Valor predeterminado: 3
trendlines.n.labelInLegend

Si se establece, el línea de tendencia aparecerá en la leyenda como esta cadena.

Tipo: string
Valor predeterminado: null
trendlines.n.lineWidth

El ancho de línea del línea de tendencia en píxeles.

Tipo: number
Valor predeterminado: 2
trendlines.n.type

Ya sea que el campo líneas de tendencia es 'linear' (el valor predeterminado), 'exponential' o 'polynomial'

Tipo: string
Valor predeterminado: linear
trendlines.n.visibleInLegend

Ya sea que el campo línea de tendencia ecuación aparece en la leyenda. Aparecerá en el cuadro de información de la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del organigrama

Nombre
color

El color de fondo de los elementos del organigrama.

Tipo: string
Valor predeterminado: '#edf7ff'
selectionColor

El color de fondo de los elementos seleccionados del organigrama.

Tipo: string
Valor predeterminado: '#d6e9f8'
tamaño

Indica el tamaño general del gráfico. Las opciones incluyen 'small', 'medium' o 'large'.

Tipo: string
Valor predeterminado: 'medium'

Opciones de configuración de gráfico circular

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
is3D

Si es true, muestra un gráfico tridimensional.

Tipo: boolean
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Si se encuentra entre 0 y 1, se muestra un gráfico de anillo. El agujero tiene un radio igual a number multiplicado por el radio del gráfico.

Tipo: number
Valor predeterminado: 0
pieSliceBorderColor

El color de los bordes de las porciones. Solo se aplica 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 las siguientes:

  • 'percentage': Es el porcentaje del tamaño de la porción del total.
  • 'value': Es el valor cuantitativo de la porción.
  • 'label': Es el nombre de la porción.
  • 'none': No se muestra texto.
Tipo: string
Valor predeterminado: 'percentage'
pieSliceTextStyle

Un objeto que especifica el estilo de texto de la porción. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opciones de configuración del diagrama de dispersión

Nombre
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo:string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
curveType

Controla la curva de las líneas cuando el ancho de línea no es cero. Puede ser una de las siguientes:

  • 'none': Son líneas rectas sin curvas.
  • 'function': Se suavizan los ángulos de la línea.
Tipo:string
Configuración predeterminada: “ninguna”
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.gridlines

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 de forma vertical. Para especificar 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 para una continuous eje horizontal.

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 un color HTML válido una cadena vacía.

Tipo: string
Valor predeterminado: '#CCC'
hAxis.gridlines.count

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
hAxis.logScale

hAxis que hace que el eje horizontal sea una escala logarítmica (requiere todos sean positivos). Configúralo en true para indicar que sí.

Esta opción solo es compatible con un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

Mueve el valor máximo del eje horizontal al valor especificado. estará hacia la derecha en de la mayoría de los gráficos. Se ignora si se establece en un valor inferior al valor X máximo de los datos. hAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 hAxis.gridlines.

Esta opción solo se admite para una continuous eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.minorGridlines.color

El color de las líneas de cuadrícula horizontales secundarias dentro del área del gráfico. Especifica un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
hAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende totalmente en el intervalo entre líneas de cuadrícula principales (consulta hAxis.gridlines.interval) y el espacio mínimo requerido (consulta hAxis.minorGridlines.minSpacing).

Tipo: number
Valor predeterminado: 1
hAxis.minValue

Mueve el valor mínimo del eje horizontal al valor especificado. se dirigirá a la izquierda en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Predeterminada: automática
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 valores para series individuales con la propiedad series

Tipo: number
Valor predeterminado: 2
pointShape

La forma de los elementos de datos individuales: 'circle', 'triangle', 'square', 'diamond', 'star' o 'polygon'. Consulta la documentación de puntos para ver ejemplos.

Tipo: string
Valor predeterminado: 'circle'
pointSize

Diámetro de los puntos mostrados en píxeles. Usa el cero para ocultar todos los puntos. Puedes anular valores para series individuales con la propiedad series. Si utilizas un línea de tendencia, La opción pointSize afectará el ancho de la línea de tendencia, a menos que la anules con la opción trendlines.n.pointsize.

Tipo: number
Valor predeterminado: 0
serie

Un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados para una serie, especifica un objeto vacío {}. Si no se especifica una serie o un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineWidth: Anula el valor global de lineWidth para esta serie.
  • pointShape: Anula el valor global de pointShape para esto. .
  • pointSize: Anula el valor global de pointSize para esta serie.
  • pointsVisible: Anula el valor global de pointsVisible para esto. .
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

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 en el que 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 de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si se establece en true, el gráfico tratará la columna como una columna de texto.

Tipo: boolean
líneas de tendencia

Pantallas líneas de tendencia en los cuadros que los respaldan. De forma predeterminada, se muestran linear líneas de tendencia pero se puede personalizar con la opción trendlines.n.type.

Las líneas de tendencia se especifican por serie, por lo que la mayoría de las veces tus opciones serán así: 

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 del línea de tendencia , expresada con un nombre de color en inglés o con una cadena hexadecimal.

Tipo: string
Predeterminado: color predeterminado de la serie
trendlines.n.degree

Para líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadrática, 3 para cúbico, etcétera).

Tipo: number
Valor predeterminado: 3
trendlines.n.labelInLegend

Si se establece, el línea de tendencia aparecerá en la leyenda como esta cadena.

Tipo: string
Valor predeterminado: null
trendlines.n.lineWidth

El ancho de línea del línea de tendencia en píxeles.

Tipo: number
Valor predeterminado: 2
trendlines.n.type

Ya sea que el campo líneas de tendencia es 'linear' (el valor predeterminado), 'exponential' o 'polynomial'

Tipo: string
Valor predeterminado: linear
trendlines.n.visibleInLegend

Ya sea que el campo línea de tendencia ecuación aparece en la leyenda. Aparecerá en el cuadro de información de la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática

Opciones de configuración del gráfico de áreas escalonado

Nombre
areaOpacity

La opacidad predeterminada del área de color en una serie de gráfico de áreas, donde 0.0 es completamente transparente y 1.0 es completamente opaco. Para especificar la opacidad de una serie individual, establece el valor areaOpacity en la propiedad series.

Tipo: number, 0.0- 1.0
Valor predeterminado: 0.3
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
backgroundColor.fill

El color de relleno del gráfico, como una cadena HTML de color.

Tipo: string
Valor predeterminado: 'white'
chartArea

Un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja, excluyendo los ejes y las leyendas). Se admiten dos formatos: un número o un seguido por %. Un número simple es un valor en píxeles. un número seguido de % es un porcentaje. Ejemplo: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Tipo: object
Valor predeterminado: null
chartArea.backgroundColor
Color de fondo del área del gráfico Cuando se usa una cadena, puede ser una cadena hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, las siguientes propiedades pueden se debe proporcionar:
  • stroke: Es el color, proporcionado como una string hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del elemento dado ancho (y con el color de stroke).
Tipo: string o object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Predeterminada: automática
chartArea.left

Indica qué tan lejos se debe dibujar el gráfico desde el borde izquierdo.

Tipo: number o string
Predeterminada: automática
chartArea.top

Indica qué tan lejos se debe dibujar el gráfico desde el borde superior.

Tipo: number o string
Predeterminada: automática
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Predeterminada: automática
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Tipo: object
Valor predeterminado: null
hAxis.direction

La dirección en la que crecen los valores a lo largo del eje horizontal. Especifica -1 para invertir el orden de los valores.

Tipo: 1 o -1
Valor predeterminado: 1
hAxis.textPosition

Posición del texto del eje horizontal, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
hAxis.textStyle

Un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

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

La propiedad hAxis que especifica el título del eje horizontal.

Tipo: string
Valor predeterminado: null
hAxis.titleTextStyle

Un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene este formato: 

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
hAxis.viewWindow.min

El valor mínimo de datos horizontales que se renderizará.

Se ignora cuando hAxis.viewWindowMode es 'pretty' o 'maximized'.

Tipo: number
Predeterminada: automática
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En Columna, Área y gráficos SteppedArea, Google Charts invierte el orden de los elementos de las leyendas para que se correspondan mejor con el apilamiento de los elementos de la serie (p. ej., la serie 0 es el elemento de leyenda ubicado más abajo) Esta no se aplica a Gráficos de barras.

La opción isStacked también admite el apilado al 100%, en el que las pilas de elementos de cada valor de dominio se reescalan para sumar un 100%.

Las opciones para isStacked son las siguientes:

  • false: Los elementos no se apilan. Esta es la opción predeterminada.
  • true: Apila elementos para todas las series en cada valor de dominio.
  • 'percent': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen hasta un 100% y el valor de cada elemento se calcula como una el porcentaje de 100%.
  • 'relative': Apila elementos para todas las series en cada valor de dominio y los reescala de modo que sumen 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para apilar al 100%, el valor calculado de cada elemento aparecerá en el cuadro de información después de su el valor real.

De forma predeterminada, el eje objetivo mostrará valores de marca basados en la escala relativa de 0 a 1 como fracciones. de 1 para 'relative' y de 0-100% para 'percent' (Nota: Cuando se usa la opción 'percent', los valores de los ejes y las marcas) se muestran como porcentajes; sin embargo, los valores reales son los valores relativos de la escala 0-1. Esto se debe a que las marcas del eje porcentual son el resultado de aplicar un formato de “#.##%”. a los valores relativos de escala 0-1. Cuando uses isStacked: 'percent', asegúrate de especificar las marcas o líneas de cuadrícula mediante los valores relativos de escala 0-1). Puedes personalizar el líneas de cuadrícula/marca de valores y formato con las opciones hAxis/vAxis adecuadas

El 100% de la pila solo admite valores de datos de tipo number y debe una línea base de cero.

Tipo: boolean/ string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Tipo: object
Valor predeterminado: null
legend.position

Posición de la leyenda. Puede ser una de las siguientes:

  • 'bottom': Debajo del gráfico.
  • 'left': Se encuentra a la izquierda del gráfico, siempre que el eje izquierdo no tenga series asociadas. Por lo tanto, si quieres que la leyenda se encuentre a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, junto a la esquina superior izquierda.
  • 'none': No se muestra ninguna leyenda.
  • 'right': Se encuentra a la derecha del gráfico. No es compatible con la opción vAxes.
  • 'top': Arriba del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

Un objeto que especifica el estilo de texto de la leyenda. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se establece en true, dibuja la serie de derecha a izquierda. La configuración predeterminada es dibujar de izquierda a derecha.

Esta opción solo se admite para una discrete major.

Tipo: boolean
Valor predeterminado: false
serie

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 {}. Si no se especifica una serie o un valor, se usará el valor global. Cada objeto admite las siguientes propiedades:

  • areaOpacity: Anula el areaOpacity global de esta serie.
  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • type: Es el tipo de marcador de esta serie. Los valores válidos son 'línea', 'área', 'bars' y 'steppedArea'. Ten en cuenta que las barras son en realidad barras verticales. (columnas). La opción seriesType del gráfico especifica el valor predeterminado.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineDashStyle: Anula el valor global de lineDashStyle para esto. .
  • targetAxisIndex: Indica a qué eje se asignará esta serie, en el que 0 es el valor predeterminado. y 1 es el eje opuesto. El valor predeterminado es 0. establecido en 1 para definir un gráfico en el que se renderizan series diferentes con ejes diferentes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, donde true significa que la serie debe tendrá una entrada de leyenda, y false significa que no debería. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden indicado, o puedes especificar un objeto en el que 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 de la leyenda, y la cuarta como roja y ausente de 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 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opciones predefinidos que trabajan juntos para lograr un gráfico específico comportamiento o efecto visual. Por el momento, solo hay un tema disponible:

  • 'maximized': Maximiza el área del gráfico y dibuja la leyenda y todas las etiquetas. dentro del área del gráfico.
Tipo: string
Valor predeterminado: null
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Si se establece en true, el gráfico tratará la columna como una columna de texto.

Tipo: boolean
useFirstColumnAsDomain

Si se establece en true, el gráfico tratará la columna como el dominio.

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales en caso de que el gráfico tenga varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades. compatible con vAxis. Estos valores de propiedad anulan cualquier configuración global para el misma propiedad.

Para especificar un gráfico con múltiples ejes verticales, primero define un nuevo eje usando series.targetAxisIndex y, luego, configura el eje con vAxes. El En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y texto personalizados estilo: 

{
  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 una con una etiqueta numérica que especifica el eje que define, este es el formato que se muestra arriba; El array es un array de objetos, uno por eje. Por ejemplo, el siguiente estilo de array la notación es idéntica al objeto vAxis que se muestra arriba: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Tipo: Arreglo de objetos o de objetos con objetos secundarios
Valor predeterminado: null
vAxis

Un objeto con miembros para configurar varios elementos del eje vertical. Especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

{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 están en la parte inferior del gráfico. Especifica -1 para invertir el orden de los valores.

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 de forma horizontal. Especificar propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra aquí: 

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

Esta opción solo se admite para una continuous eje horizontal.

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

Es la cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará para calcular la minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula. o 0 para no dibujar líneas de cuadrícula. Especifica -1, que es la opción predeterminada. para calcular automáticamente la cantidad de líneas de cuadrícula según otras opciones.

Tipo: number
Valor predeterminado: -1
vAxis.logScale

Si es true, hace que el eje vertical sea una escala logarítmica. Nota: Todos los valores deben ser positivos.

Tipo: boolean
Valor predeterminado: false
vAxis.maxValue

Mueve el valor máximo del eje vertical al valor especificado. esto aumentará en la mayoría gráficos. Se ignora si se establece en un valor inferior al valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
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 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 un color HTML válido una cadena vacía.

Tipo: string
Predeterminado: Una combinación de los colores de la línea de cuadrícula y del fondo
vAxis.minorGridlines.count

La opción minorGridlines.count está generalmente obsoleta, excepto por inhabilitar las líneas de cuadrícula menores estableciendo el recuento en 0. La cantidad de líneas de cuadrícula menores depende del intervalo entre las líneas de cuadrícula principales y el espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado. esto se bajará en de la mayoría de los gráficos. Se ignora si se establece en un valor mayor que el valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

Posición del texto del eje vertical, en relación con el área del gráfico. Valores admitidos: 'out', 'in', 'none'.

Tipo: string
Valor predeterminado: 'out'
vAxis.textStyle

Un objeto que especifica el estilo de texto del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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

Un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {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 máximo de datos verticales que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
vAxis.viewWindow.min

El valor de datos vertical mínimo que se renderizará.

Se ignora cuando el valor de vAxis.viewWindowMode es "bonito". o "maximizada".

Tipo: number
Predeterminada: automática
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 tabla

Nombre
alternatingRowStyle

Determina si se asignará un estilo de color alternativo a las filas impares y pares.

Tipo: boolean
Valor predeterminado: true
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la altura del elemento contenedor
página

Si deseas habilitar la paginación a través de los datos, y cómo hacerlo. Elige uno de los siguientes valores de string:

  • 'enable': La tabla incluirá el avance de página y el retroceso de página. botones. Si haces clic en estos botones, se realizará la operación de paginación y cambiar la página que se muestra. Es posible que también desees configurar la opción pageSize.
  • 'event': La tabla incluirá los botones para avanzar y retroceder de página, pero si se hace clic en ellos. activará un evento 'page' y no cambiará la página que se muestra. Esta opción debería ser que se usa cuando el código implementa su propia lógica de cambio de página. Consulta la Ejemplo de TableQueryWrapper para ver un ejemplo sobre cómo manejar los eventos de paginación de forma manual.
  • 'disable': [Predeterminado] no se admite Paging.
    • 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 establece en true, muestra el número de fila como la primera columna de la tabla.

Tipo: boolean
Valor predeterminado: false
ordenar

Cómo ordenar las columnas cuando el usuario hace clic en un encabezado Si el ordenamiento está habilitado, considera configurar también las propiedades sortAscending y sortColumn. Elige uno de los los siguientes valores de string:

  • 'enable' (Predeterminada): Los usuarios pueden hacer clic en los encabezados de las columnas para ordenarlas según el clic en el que se hizo clic. . Cuando los usuarios hacen clic en el encabezado de la columna, las filas se ordenan automáticamente, y se activa un evento 'sort'.
  • 'event': Cuando los usuarios hacen clic en el encabezado de la columna, se activa un evento 'sort', pero las filas no se ordenan automáticamente. Esta opción debe usarse cuando la página implementa su propio orden. Consulta la Ejemplo de TableQueryWrapper para ver un ejemplo de cómo manejar el orden de los eventos de forma manual.
  • 'disable'- Hacer clic en el encabezado de una columna no tiene ningún efecto.
Tipo: string
Valor predeterminado: 'enable'
sortAscending

El orden en que se ordena la columna inicial. True para el orden ascendente, false para el orden ascendente descendente. Se ignora si no se especifica sortColumn.

Tipo: boolean
Valor predeterminado: true
sortColumn

Índice de una columna en la tabla de datos, por la cual se ordena inicialmente la tabla. La columna está marcado con una flecha pequeña que indica el orden.

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
Color de fondo

El color de fondo del área principal del gráfico. Puede ser una simple cadena HTML de color, por ejemplo: 'red' o '#00cc00', o un objeto con los siguientes elementos propiedades.

Tipo: string o object
Valor predeterminado: 'white'
colores

Los colores que se usarán para los elementos del gráfico. Un array de cadenas, en el que cada elemento es un HTML cadena de color, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de cadenas
Predeterminado: Colores predeterminados
alto

Es la altura del gráfico en píxeles.

Tipo: number
Predeterminado: la 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

El color de un rectángulo con un valor de columna 3 de maxColorValue. Especifica un Valor de color HTML.

Tipo: string
Valor predeterminado: #00dd00
maxDepth

La cantidad máxima de niveles de nodo que se mostrarán en la vista actual. Los niveles se aplanan al plano actual. Si el árbol tiene más niveles que estos, debes subir o para verlos. Además, puedes ver maxPostDepth niveles debajo de esto como rectángulos sombreados dentro de estos nodos.

Tipo: number
Valor predeterminado: 1
maxPostDepth

Cuántos niveles de nodos además de maxDepth se muestran como “sugeridos” a la moda. Los nodos sugeridos se muestran como rectángulos sombreados dentro de un nodo que se encuentra dentro del Límite de maxDepth.

Tipo: number
Valor predeterminado: 0
midColor

El color de un rectángulo con un valor de columna 3 a mitad de camino entre maxColorValue y minColorValue. Especifica un valor de color HTML.

Tipo: string
Valor predeterminado: #000000
minColor

El color de un rectángulo con el valor minColorValue de la columna 3. Especifica un Valor de color HTML.

Tipo: string
Valor predeterminado: #dd0000
noColor

El color que se debe usar para un rectángulo cuando un nodo no tiene valor para la columna 3 y ese nodo es hoja (o contiene solo 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

Un objeto que especifica el estilo de texto del título.

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Un objeto que especifica el estilo de texto del título. El color puede ser cualquier código HTML string de color, por ejemplo: 'red' o '#00cc00'. Consulta también fontName y fontSize.

Tipo: object
Predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Es el texto que se mostrará sobre el gráfico.

Tipo: string
Configuración predeterminada: Sin título
titleTextStyle

Un objeto que especifica el estilo de texto del título. El objeto tiene este formato:

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

color puede ser cualquier cadena HTML de color, por ejemplo: 'red' o '#00cc00' Consulta también fontName y fontSize.

Tipo: object
Valor predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}