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 utilizarán para los elementos del gráfico. Un array de strings, en el que cada elemento es una string de color HTML, por ejemplo: colors:['red','#004411'].

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
displayRangeSelector

Indica si se debe mostrar el área de selección del rango de zoom (el área en la parte inferior del gráfico), donde false significa que no.

El contorno del selector de zoom es una versión en escala logarítmica de la primera serie del gráfico, ajustada para adaptarse a la altura del selector de zoom.

Tipo: boolean
Valor predeterminado: true
displayZoomButtons

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

Tipo: boolean
Valor predeterminado: true
max

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

Esto es similar a maxValue en los gráficos principales.

Tipo: number
Configuración predeterminada: automática
min

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

Esto es similar a minValue en los gráficos principales.

Tipo: number
Configuración predeterminada: automática

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

Nombre
areaOpacity

Es la opacidad predeterminada del área de color en una serie de gráfico de áreas, en la que 0.0 es completamente transparente y 1.0 es completamente opaco. Si deseas especificar la opacidad para una serie individual, configura el valor areaOpacity en la propiedad series.

Tipo: number, 0.0- 1.0
Valor predeterminado: 0.3
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
interpolateNulls

Indica si se debe adivinar el valor de los puntos faltantes. Si es true, adivinará el valor de los datos faltantes en función de los puntos vecinos. Si es false, dejará un intervalo en la línea en el punto desconocido.

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

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 los gráficos Columna, Área y SteppedArea, los gráficos de Google revierten el orden de los elementos de la leyenda para que se correspondan mejor con la pila de los elementos de la serie (p.ej., la serie 0 será el elemento de leyenda ubicado en la parte inferior). Esto no se aplica a los Gráficos de barras.

La opción isStacked también admite un 100% de apilamiento, en el que las pilas de elementos de cada valor de dominio se vuelven a escalar para agregar hasta el 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 los elementos de todas las series en cada valor de dominio y los ajusta de manera que sumen hasta un 100%; el valor de cada elemento se calcula como un porcentaje del 100%.
  • 'relative': Apila los elementos de todas las series en cada valor de dominio y los modifica de escala de modo que sumen hasta 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.

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

El 100% de apilamiento solo admite valores de datos de tipo number y debe tener un modelo de referencia de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad 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 que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores para series individuales con la propiedad series.

Tipo: number
Valor predeterminado: 0
reverseCategories

Si se configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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. 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 personalizar.

  • 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.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineDashStyle: Anula el valor global lineDashStyle para esta serie.
  • lineWidth: Anula el valor global lineWidth para esta serie.
  • pointShape: Anula el valor global pointShape para esta serie.
  • pointSize: Anula el valor global pointSize para esta serie.
  • pointsVisible: Anula el valor global pointsVisible para esta serie.
  • targetAxisIndex: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración del gráfico de barras

Nombre
backgroundColor

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

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

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

Tipo:string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: Número o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxes

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

Para especificar un gráfico con varios ejes horizontales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con hAxes. En el siguiente ejemplo, se asigna la serie 1 al eje inferior y se especifica un título y un estilo de texto personalizados para la misma:

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

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

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En los gráficos Columna, Área y SteppedArea, los gráficos de Google revierten el orden de los elementos de la leyenda para que se correspondan mejor con la pila de los elementos de la serie (p.ej., la serie 0 será el elemento de leyenda ubicado en la parte inferior). Esto no se aplica a los Gráficos de barras.

La opción isStacked también admite un 100% de apilamiento, en el que las pilas de elementos de cada valor de dominio se vuelven a escalar para agregar hasta el 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 los elementos de todas las series en cada valor de dominio y los ajusta de manera que sumen hasta un 100%; el valor de cada elemento se calcula como un porcentaje del 100%.
  • 'relative': Apila los elementos de todas las series en cada valor de dominio y los modifica de escala de modo que sumen hasta 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.

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

El 100% de apilamiento solo admite valores de datos de tipo number y debe tener un modelo de referencia de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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. 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 personalizar.

  • 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: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
líneas de tendencia

Muestra las líneas de tendencia en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia linear, pero esto 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, las opciones se verán de la siguiente manera:

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

El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal.

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

En el caso de las líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadráticos, 3 para cúbicos, etc.).

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

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

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

Es el ancho de la línea de tendencia en píxeles.

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

Indica si la línea de tendencia es 'linear' (la opción predeterminada), 'exponential' o 'polynomial'.

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

Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxis

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración del diagrama de burbujas

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
bubble

Un objeto con miembros para configurar las propiedades visuales de las burbujas.

Tipo: object
Valor predeterminado: null
bubble.opacity

La opacidad de las burbujas, donde 0 es completamente transparente y 1 es completamente opaco.

Tipo: Un número entre 0.0 y 1.0
Configuración predeterminada: 0.8
bubble.stroke

El color del trazo de las burbujas.

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

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; un número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
series

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

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

Un objeto con miembros para configurar cómo se asocian los valores al tamaño de la burbuja. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

 {minValue: 0,  maxSize: 20}
Tipo: object
Valor predeterminado: null
sizeAxis.maxSize

Radio máximo de la burbuja más grande posible, en píxeles.

Tipo: number
Configuración predeterminada: 30
sizeAxis.minSize

Radio mínimo de la burbuja más pequeña posible, en píxeles.

Tipo: number
Configuración predeterminada: 5
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración del Calendario

Nombre
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
ancho

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

Tipo: number
Predeterminado: ancho del elemento contenedor

Opciones de configuración del gráfico de velas

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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.
  • fallingColor.fill: Anula el valor global candlestick.fallingColor.fill para esta serie.
  • fallingColor.stroke: Anula el valor global candlestick.fallingColor.stroke para esta serie.
  • fallingColor.strokeWidth: Anula el valor global 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 el valor global candlestick.risingColor.fill para esta serie.
  • risingColor.stroke: Anula el valor global candlestick.risingColor.stroke para esta serie.
  • risingColor.strokeWidth: Anula el valor global candlestick.risingColor.strokeWidth para esta serie.
  • targetAxisIndex: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración del gráfico de columnas

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (y con el color de stroke).
Tipo: stringo object
Valor predeterminado: 'white'
chartArea.height

Altura del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En los gráficos Columna, Área y SteppedArea, los gráficos de Google revierten el orden de los elementos de la leyenda para que se correspondan mejor con la pila de los elementos de la serie (p.ej., la serie 0 será el elemento de leyenda ubicado en la parte inferior). Esto no se aplica a los Gráficos de barras.

La opción isStacked también admite un 100% de apilamiento, en el que las pilas de elementos de cada valor de dominio se vuelven a escalar para agregar hasta el 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 los elementos de todas las series en cada valor de dominio y los ajusta de manera que sumen hasta un 100%; el valor de cada elemento se calcula como un porcentaje del 100%.
  • 'relative': Apila los elementos de todas las series en cada valor de dominio y los modifica de escala de modo que sumen hasta 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.

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

El 100% de apilamiento solo admite valores de datos de tipo number y debe tener un modelo de referencia de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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. 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 personalizar.

  • 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: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. 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 determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
líneas de tendencia

Muestra las líneas de tendencia en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia linear, pero esto 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, las opciones se verán de la siguiente manera:

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

El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal.

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

En el caso de las líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadráticos, 3 para cúbicos, etc.).

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

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

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

Es el ancho de la línea de tendencia en píxeles.

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

Indica si la línea de tendencia es 'linear' (la opción predeterminada), 'exponential' o 'polynomial'.

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

Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración de gráficos combinados

Nombre
areaOpacity

Es la opacidad predeterminada del área de color en una serie de gráfico de áreas, en la que 0.0 es completamente transparente y 1.0 es completamente opaco. Si deseas especificar la opacidad para una serie individual, configura el valor areaOpacity en la propiedad series.

Tipo: number, 0.0- 1.0
Valor predeterminado: 0.3
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
curveType

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

  • 'none': Líneas rectas sin curva.
  • 'function': Se suavizarán los ángulos de la línea.
Tipo:string
Configuración predeterminada: “none”
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
interpolateNulls

Indica si se debe adivinar el valor de los puntos faltantes. Si es true, adivinará el valor de los datos faltantes en función de los puntos vecinos. Si es false, dejará un intervalo en la línea en el punto desconocido.

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

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 los gráficos Columna, Área y SteppedArea, los gráficos de Google revierten el orden de los elementos de la leyenda para que se correspondan mejor con la pila de los elementos de la serie (p.ej., la serie 0 será el elemento de leyenda ubicado en la parte inferior). Esto no se aplica a los Gráficos de barras.

La opción isStacked también admite un 100% de apilamiento, en el que las pilas de elementos de cada valor de dominio se vuelven a escalar para agregar hasta el 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 los elementos de todas las series en cada valor de dominio y los ajusta de manera que sumen hasta un 100%; el valor de cada elemento se calcula como un porcentaje del 100%.
  • 'relative': Apila los elementos de todas las series en cada valor de dominio y los modifica de escala de modo que sumen hasta 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.

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

El 100% de apilamiento solo admite valores de datos de tipo number y debe tener un modelo de referencia de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad 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 que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores para series individuales con la propiedad series. Si utilizas una 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 configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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. 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 personalizar.

  • 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 curveType para esta serie.
  • fallingColor.fill: Anula el valor global candlestick.fallingColor.fill para esta serie.
  • fallingColor.stroke: Anula el valor global candlestick.fallingColor.stroke para esta serie.
  • fallingColor.strokeWidth: Anula el valor global 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 lineDashStyle para esta serie.
  • lineWidth: Anula el valor global lineWidth para esta serie.
  • pointShape: Anula el valor global pointShape para esta serie.
  • pointSize: Anula el valor global pointSize para esta serie.
  • pointsVisible: Anula el valor global pointsVisible para esta serie.
  • risingColor.fill: Anula el valor global candlestick.risingColor.fill para esta serie.
  • risingColor.stroke: Anula el valor global candlestick.risingColor.stroke para esta serie.
  • risingColor.strokeWidth: Anula el valor global candlestick.risingColor.strokeWidth para esta serie.
  • targetAxisIndex: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • type: Es el tipo de marcador para esta serie. Los valores válidos son “line”, “area”, “bars” y “steppedArea”. Ten en cuenta que las barras son, en realidad, barras verticales (columnas). El valor predeterminado se especifica mediante la opción seriesType del gráfico.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración del indicador

Nombre
greenColor

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

Tipo: string
Valor predeterminado: '#109618'
greenFrom

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

Tipo: number
Configuración predeterminada: none
greenTo

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

Tipo: number
Configuración predeterminada: none
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: Ancho del contenedor
max

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

Esto es similar a maxValue en los gráficos principales.

Tipo: number
Configuración predeterminada: automática
min

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

Esto es similar a minValue en los gráficos principales.

Tipo: number
Configuración predeterminada: automática
redColor

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

Tipo: string
Valor predeterminado: '#DC3912'
redFrom

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

Tipo: number
Configuración predeterminada: none
redTo

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

Tipo: number
Configuración predeterminada: none
ancho

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

Tipo: number
Predeterminado: Ancho del contenedor
yellowColor

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

Tipo: string
Valor predeterminado: '#FF9900'
yellowFrom

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

Tipo: number
Configuración predeterminada: none
yellowTo

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

Tipo: number
Configuración predeterminada: none

Opciones de configuración de diagramas geográficos

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
datalessRegionColor

Es el color que se asignará a las regiones sin datos asociados.

Tipo: string
Valor predeterminado: '#F5F5F5'
defaultColor

Es el color que se usará para los datos en un diagrama geográfico cuando la ubicación (p.ej., 'US' ) está presente, pero el valor es null o no se especifica. Este 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 este. El formato de DataTable debe coincidir con el valor especificado. Se admiten los siguientes valores:

  • 'auto': Se elige según el formato de la tabla de datos.
  • 'regions': Colorea las regiones del diagrama geográfico.
  • 'markers': Coloca marcadores en las regiones.
  • 'text': Etiqueta las regiones con texto de DataTable.
Tipo: string
Configuración predeterminada: “auto”
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

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

  • 'world': Es un diagrama geográfico del mundo entero.
  • Un continente o un 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 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 en 'provinces' o 'metros'.
Tipo: string
Configuración predeterminada: “mundo”
ancho

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

Tipo: number
Predeterminado: ancho del elemento contenedor

Opciones de configuración del histograma

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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 en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

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

Codifica el tamaño de cada barra de histograma en lugar de dejar que se determine algorítmicamente.

Tipo: number
Configuración predeterminada: auto
histogram.hideBucketItems

Omite las divisiones finas entre los bloques del histograma, con lo que se convierte en una serie de barras sólidas.

Tipo: boolean
Valor predeterminado: false
histogram.lastBucketPercentile

Cuando calcules el tamaño del bucket del histograma, ignora el lastBucketPercentile por ciento de la parte superior y la inferior. Los valores se incluyen en el histograma, pero no afectan el agrupamiento.

Tipo: number
Valor predeterminado: 0
interpolateNulls

Indica si se debe adivinar el valor de los puntos faltantes. Si es true, adivinará el valor de los datos faltantes en función de los puntos vecinos. Si es false, dejará un intervalo en la línea en el punto desconocido.

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

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 los gráficos Columna, Área y SteppedArea, los gráficos de Google revierten el orden de los elementos de la leyenda para que se correspondan mejor con la pila de los elementos de la serie (p.ej., la serie 0 será el elemento de leyenda ubicado en la parte inferior). Esto no se aplica a los Gráficos de barras.

La opción isStacked también admite un 100% de apilamiento, en el que las pilas de elementos de cada valor de dominio se vuelven a escalar para agregar hasta el 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 los elementos de todas las series en cada valor de dominio y los ajusta de manera que sumen hasta un 100%; el valor de cada elemento se calcula como un porcentaje del 100%.
  • 'relative': Apila los elementos de todas las series en cada valor de dominio y los modifica de escala de modo que sumen hasta 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.

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

El 100% de apilamiento solo admite valores de datos de tipo number y debe tener un modelo de referencia de cero.

Tipo: boolean/string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
ancho

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

Tipo: number
Predeterminado: ancho del elemento contenedor

Opciones de configuración del gráfico de líneas

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
curveType

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

  • 'none': Líneas rectas sin curva.
  • 'function': Se suavizarán los ángulos de la línea.
Tipo: string
Configuración predeterminada: “none”
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
interpolateNulls

Indica si se debe adivinar el valor de los puntos faltantes. Si es true, adivinará el valor de los datos faltantes en función de los puntos vecinos. Si es false, dejará un intervalo en la línea en el punto desconocido.

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

Tipo: boolean
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad 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 que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores para series individuales con la propiedad series. Si utilizas una 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 configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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. 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 personalizar.

  • type: Es el tipo de marcador para esta serie. Los valores válidos son “line”, “area”, “bars” y “steppedArea”. Ten en cuenta que las barras son, en realidad, barras verticales (columnas). El valor predeterminado se especifica mediante la opción seriesType del gráfico.
  • color: Es el color que se usará para esta serie. Especifica una cadena de color HTML válida.
  • curveType: Anula el valor global 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 lineDashStyle para esta serie.
  • lineWidth: Anula el valor global lineWidth para esta serie.
  • pointShape: Anula el valor global pointShape para esta serie.
  • pointSize: Anula el valor global pointSize para esta serie.
  • pointsVisible: Anula el valor global pointsVisible para esta serie.
  • targetAxisIndex: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado, o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
líneas de tendencia

Muestra las líneas de tendencia en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia linear, pero esto 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, las opciones se verán de la siguiente manera:

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

El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal.

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

En el caso de las líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadráticos, 3 para cúbicos, etc.).

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

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

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

Es el ancho de línea de la línea de tendencia (en píxeles).

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

Indica si la línea de tendencia es 'linear' (la opción predeterminada), 'exponential' o 'polynomial'.

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

Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

Opciones de configuración del organigrama

Nombre
color [color]

El color de fondo de los elementos del organigrama.

Tipo: string
Valor predeterminado: '#edf7ff'
selectionColor

El color de fondo de los elementos seleccionados del organigrama.

Tipo: string
Valor predeterminado: '#d6e9f8'
size

El tamaño general del gráfico. Las opciones incluyen 'small', 'medium' o 'large'.

Tipo: string
Valor predeterminado: 'medium'

Opciones de configuración del gráfico circular

Nombre
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
is3D

Si el valor es true, muestra un gráfico tridimensional.

Tipo: boolean
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Si está entre 0 y 1, muestra un gráfico de anillos. 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 la porción. Solo es aplicable cuando el gráfico es bidimensional.

Tipo: string
Valor predeterminado: 'white'
pieSliceText

El contenido del texto que se muestra en la porción. Puede ser una de los siguientes:

  • 'percentage': Es el porcentaje del tamaño de la porción del total.
  • 'value': 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 el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se configura 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 en un eje 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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

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

Opciones de configuración del diagrama de dispersión

Nombre
backgroundColor

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

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

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

Tipo:string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
curveType

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

  • 'none': Líneas rectas sin curva.
  • 'function': Se suavizarán los ángulos de la línea.
Tipo:string
Configuración predeterminada: “none”
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

Es un objeto con propiedades para configurar las líneas de cuadrícula en el eje horizontal. Ten en cuenta que las líneas de cuadrícula del eje horizontal se dibujan verticalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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

La propiedad hAxis que convierte el eje horizontal en una escala logarítmica (requiere que todos los valores sean positivos). Configúralo en true para indicar que sí.

Esta opción solo se admite para un eje continuous.

Tipo: boolean
Valor predeterminado: false
hAxis.maxValue

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

Tipo: number
Configuración predeterminada: automática
hAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje horizontal, similar a la opción hAxis.gridlines.

Esta opción solo se admite en un eje continuous.

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

El color de las líneas de cuadrícula secundarias horizontales dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias ahora depende completamente del intervalo entre las 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; esto quedará hacia la izquierda en la mayoría de los gráficos. Se ignora si se establece en un valor superior al valor X mínimo de los datos. hAxis.viewWindow.min anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
hAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Se encuentra encima del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Es el ancho de la línea de datos en píxeles. Usa el cero para ocultar todas las líneas y mostrar solo los puntos. Puedes anular los valores para series individuales con la propiedad 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 que se muestran en píxeles. Usa cero para ocultar todos los puntos. Puedes anular los valores para series individuales con la propiedad series. Si utilizas una 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
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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 lineWidth para esta serie.
  • pointShape: Anula el valor global pointShape para esta serie.
  • pointSize: Anula el valor global pointSize para esta serie.
  • pointsVisible: Anula el valor global pointsVisible para esta serie.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. La cantidad predeterminada es true.

Puedes especificar un array de objetos, cada uno de los cuales se aplica a la serie en el orden determinado,o puedes especificar un objeto donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica. Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
líneas de tendencia

Muestra las líneas de tendencia en los gráficos que las admiten. De forma predeterminada, se usan las líneas de tendencia linear, pero esto 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, las opciones se verán de la siguiente manera:

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

El color de la línea de tendencia , expresado como el nombre de un color en inglés o una cadena hexadecimal.

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

En el caso de las líneas de tendencia de type: 'polynomial', el grado del polinomio (2 para cuadráticos, 3 para cúbicos, etc.).

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

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

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

Es el ancho de línea de la línea de tendencia (en píxeles).

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

Indica si la línea de tendencia es 'linear' (la opción predeterminada), 'exponential' o 'polynomial'.

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

Indica si la ecuación de línea de tendencia aparece en la leyenda. Aparecerá en la información sobre la línea de tendencia.

Tipo: boolean
Valor predeterminado: false
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto

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

Nombre
areaOpacity

Es la opacidad predeterminada del área de color en una serie de gráfico de áreas, en la que 0.0 es completamente transparente y 1.0 es completamente opaco. Si deseas especificar la opacidad para una serie individual, configura el valor areaOpacity en la propiedad series.

Tipo: number, 0.0- 1.0
Valor predeterminado: 0.3
backgroundColor

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

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

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

Tipo: string
Valor predeterminado: 'white'
chartArea

Es un objeto con miembros para configurar la posición y el tamaño del área del gráfico (donde se dibuja el gráfico, sin incluir el eje ni las leyendas). Se admiten dos formatos: un número o un número seguido de %. Un número simple es un valor en píxeles; el número seguido de % es un porcentaje. Ejemplo: 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 string, puede ser una string hexadecimal (p.ej., '#fdc') o un nombre de color en inglés. Cuando se usa un objeto, se pueden proporcionar las siguientes propiedades:
  • stroke: Es el color, proporcionado como una cadena hexadecimal o el nombre del color en inglés.
  • strokeWidth: Si se proporciona, dibuja un borde alrededor del área del gráfico del ancho dado (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
Configuración predeterminada: auto
chartArea.left

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.top

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

Tipo: number o string
Configuración predeterminada: auto
chartArea.width

Ancho del área del gráfico.

Tipo: number o string
Configuración predeterminada: auto
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
hAxis

Un objeto con miembros para configurar varios elementos del eje horizontal. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

La dirección en la que crecen los valores en el eje horizontal. Especifica -1 para revertir el orden de los valores.

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

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

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

Es un objeto que especifica el estilo de texto del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {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

Es un objeto que especifica el estilo de texto del título del eje horizontal. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Especifica el rango de recorte del eje horizontal.

Tipo: object
Valor predeterminado: null
hAxis.viewWindow.max

El valor máximo de datos horizontales que se renderizará.

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

Tipo: number
Configuración predeterminada: auto
hAxis.viewWindow.min

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

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

Tipo: number
Configuración predeterminada: auto
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
isStacked

Si se establece en true, apila los elementos de todas las series en cada valor de dominio. Nota: En los gráficos Columna, Área y SteppedArea, los gráficos de Google revierten el orden de los elementos de la leyenda para que se correspondan mejor con la pila de los elementos de la serie (p.ej., la serie 0 será el elemento de leyenda ubicado en la parte inferior). Esto no se aplica a los Gráficos de barras.

La opción isStacked también admite un 100% de apilamiento, en el que las pilas de elementos de cada valor de dominio se vuelven a escalar para agregar hasta el 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 los elementos de todas las series en cada valor de dominio y los ajusta de manera que sumen hasta un 100%; el valor de cada elemento se calcula como un porcentaje del 100%.
  • 'relative': Apila los elementos de todas las series en cada valor de dominio y los modifica de escala de modo que sumen hasta 1, y el valor de cada elemento se calcula como una fracción de 1.
  • 'absolute': Funciona igual que isStacked: true.

Para el 100% de apilamiento, el valor calculado de cada elemento aparecerá en la información sobre la herramienta después de su valor real.

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

El 100% de apilamiento solo admite valores de datos de tipo number y debe tener un modelo de referencia de cero.

Tipo: boolean/ string
Valor predeterminado: false
leyenda

Un objeto con miembros para configurar varios aspectos de la leyenda. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

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

  • '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 deseas que la leyenda esté a la izquierda, usa la opción targetAxisIndex: 1.
  • 'in': Dentro del gráfico, arriba a la 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': Muestra la parte superior del gráfico.
Tipo: string
Valor predeterminado: 'right'
legendTextStyle

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

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Si se configura 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 en un eje discrete major.

Tipo: boolean
Valor predeterminado: false
series

Es un array de objetos, cada uno de los cuales describe el formato de la serie correspondiente en el gráfico. Para usar valores predeterminados en una serie, especifica un objeto vacío {}. 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 para 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 para esta serie. Los valores válidos son “line”, “area”, “bars” y “steppedArea”. Ten en cuenta que las barras son, en realidad, barras verticales (columnas). El valor predeterminado se especifica mediante la opción seriesType del gráfico.
  • labelInLegend: Es la descripción de la serie que aparecerá en la leyenda del gráfico.
  • lineDashStyle: Anula el valor global lineDashStyle para esta serie.
  • targetAxisIndex: A qué eje se debe asignar la serie, en el que 0 es el eje predeterminado y 1 es el eje opuesto. El valor predeterminado es 0. Se establece en 1 para definir un gráfico en el que se renderizan diferentes series con distintos ejes. Se debe asignar al menos una serie al eje predeterminado. Puedes definir una escala diferente para distintos ejes.
  • visibleInLegend: Es un valor boolean, en el que true significa que la serie debe tener una entrada de leyenda, y false significa que no debe tenerla. 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 donde cada campo secundario tenga una clave numérica que indique a qué serie se aplica.Por ejemplo, las dos declaraciones siguientes son idénticas y declaran la primera serie como negra y ausente en la leyenda, y la cuarta como roja y ausente en la leyenda:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Tipo: Arreglo de objetos o un objeto con objetos anidados
Valor predeterminado: {}
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tema

Un tema es un conjunto de valores de opción predefinidos que funcionan juntos para lograr un comportamiento o un efecto visual de gráfico específicos. Actualmente, solo hay un tema disponible:

  • '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

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

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

Tipo: boolean
useFirstColumnAsDomain

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

Tipo: boolean
vAxes

Especifica las propiedades de los ejes verticales individuales, si el gráfico tiene varios ejes verticales. Cada objeto secundario es un objeto vAxis y puede contener todas las propiedades compatibles con vAxis. Los valores de estas propiedades anulan cualquier configuración global para la misma propiedad.

Para especificar un gráfico con varios ejes verticales, primero define un eje nuevo con series.targetAxisIndex y, luego, configúralo con vAxes. En el siguiente ejemplo, se asigna la serie 2 al eje derecho y se especifica un título y un estilo de texto personalizados para la misma:

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

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

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

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

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

La dirección en la que crecen los valores a lo largo del eje vertical. De forma predeterminada, los valores bajos aparecen en la parte inferior del gráfico. Especifica -1 para revertir 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 horizontalmente. Para especificar las propiedades de este objeto, puedes usar la notación literal de objeto, como se muestra a continuación:

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

Esta opción solo se admite en un eje continuous.

Tipo: object
Valor predeterminado: null
vAxis.gridlines.color

El color de las líneas de cuadrícula verticales dentro del área del gráfico. Especifica una cadena de color HTML válida.

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

La cantidad aproximada de líneas de cuadrícula horizontales dentro del área del gráfico. Si especificas un número positivo para gridlines.count, se usará a fin de calcular el minSpacing entre las líneas de cuadrícula. Puedes especificar un valor de 1 para dibujar solo una línea de cuadrícula o de 0 si no quieres hacerlo. Especifica -1, que es la configuració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; este valor estará hacia arriba en la mayoría de los gráficos. Se ignora si se configura en un valor menor que el valor Y máximo de los datos. vAxis.viewWindow.max anula esta propiedad.

Tipo: number
Configuración predeterminada: automática
vAxis.minorGridlines

Un objeto con miembros para configurar las líneas de cuadrícula secundarias en el eje vertical, similar a la opción vAxis.gridlines.

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

El color de las líneas de cuadrícula verticales secundarias dentro del área del gráfico. Especifica una string de color HTML válida.

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

La opción minorGridlines.count dejó de estar disponible en general, excepto para inhabilitar las líneas de cuadrícula secundarias estableciendo el recuento en 0. La cantidad de líneas de cuadrícula secundarias depende del intervalo entre las líneas de cuadrícula principales y del espacio mínimo requerido.

Tipo: number
Valor predeterminado: 1
vAxis.minValue

Mueve el valor mínimo del eje vertical al valor especificado; este será hacia abajo en la mayoría de los gráficos. Se ignora si se establece un valor superior al valor Y mínimo de los datos. vAxis.viewWindow.min anula esta propiedad.

Tipo: number
Valor predeterminado: null
vAxis.textPosition

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

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

Es un objeto que especifica el estilo de texto del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Especifica un título para el eje vertical.

Tipo: string
Configuración predeterminada: sin título
vAxis.titleTextStyle

Es un objeto que especifica el estilo de texto del título del eje vertical. El objeto tiene el siguiente formato:

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Especifica el rango de recorte del eje vertical.

Tipo: object
Valor predeterminado: null
vAxis.viewWindow.max

El valor de datos vertical máximo que se renderizará.

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
vAxis.viewWindow.min

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

Se ignora cuando vAxis.viewWindowMode es "bonita" o "maximizada".

Tipo: number
Configuración predeterminada: auto
ancho

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

Tipo: number
Predeterminado: ancho del elemento contenedor

Opciones de configuración de los gráficos de tablas

Nombre
alternatingRowStyle

Determina si un estilo de color alternativo se asignará a filas impares y pares.

Tipo: boolean
Valor predeterminado: true
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
página

Cómo habilitar la paginación a través de los datos y cómo hacerlo. Elige uno de los siguientes valores de string:

  • 'enable': La tabla incluirá los botones para avanzar y retroceder la página. 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 quieras establecer la opción pageSize.
  • 'event': La tabla incluirá los botones para avanzar y retroceder, pero hacer clic en ellos activará un evento 'page' y no cambiará la página que se muestra. Esta opción debe usarse cuando el código implementa su propia lógica de cambio de página. Consulta el ejemplo de TableQueryWrapper para ver un ejemplo de cómo controlar los eventos de paginación de forma manual.
  • 'disable': [Predeterminado] Paging no es compatible.
  • Tipo: string
    Valor predeterminado: 'disable'
pageSize

La cantidad de filas en cada página, cuando la paginación está habilitada con la opción de página

Tipo: number
Valor predeterminado: 10
showRowNumber

Si se configura en true, muestra el número de fila como la primera columna de la tabla.

Tipo: boolean
Valor predeterminado: false
sort

Si y cómo ordenar las columnas cuando el usuario hace clic en el encabezado de una columna Si el ordenamiento está habilitado, considera configurar también las propiedades sortAscending y sortColumn. Elige uno de los siguientes valores de string:

  • 'enable': [Predeterminado] Los usuarios pueden hacer clic en los encabezados de las columnas para ordenarlas según la columna en la que se hizo clic. Cuando los usuarios hacen clic en el encabezado de la columna, las filas se ordenan de forma automática 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 el ejemplo de TableQueryWrapper para ver un ejemplo de cómo administrar los eventos de orden de forma manual.
  • 'disable'- Hacer clic en el encabezado de una columna no tiene ningún efecto.
Tipo: string
Valor predeterminado: 'enable'
sortAscending

Es el orden en el que se ordena la columna de orden inicial. True para ascendente, false para descendente. Se ignora si no se especifica sortColumn.

Tipo: boolean
Valor predeterminado: true
sortColumn

Es el índice de una columna en la tabla de datos, según el cual la tabla se ordena inicialmente. La columna se marca con una flecha pequeña que indica el orden de clasificación.

Tipo: number
Valor predeterminado: -1
ancho

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

Tipo: number
Predeterminado: ancho del elemento contenedor

Opciones de configuración del cronograma

Nombre
backgroundColor

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

Tipo: string o object
Valor predeterminado: 'white'
colores

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

Tipo: Arreglo de strings
Predeterminado: colores predeterminados
alto

Altura del gráfico en píxeles.

Tipo: number
Predeterminado: altura del elemento contenedor
ancho

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

Tipo: number
Predeterminado: ancho del elemento contenedor

Opciones de configuración del diagrama de árbol

Nombre
headerColor

El color de la sección del encabezado de cada nodo. Especifica un valor de color HTML.

Tipo: string
Valor predeterminado: #988f86
maxColor

Color de un rectángulo con un valor de la columna 3 de maxColorValue. Especifica un valor de color HTML.

Tipo: string
Valor predeterminado: #00dd00
maxDepth

La cantidad máxima de niveles de nodos que se muestran en la vista actual. Los niveles se aplanan en el plano actual. Si el árbol tiene más niveles, debes subir o bajar para verlos. Además, puedes ver niveles de maxPostDepth debajo de esto como rectángulos sombreados dentro de estos nodos.

Tipo: number
Valor predeterminado: 1
maxPostDepth

Cantidad de niveles de nodos más allá de maxDepth que se mostrarán de manera "segmentada". Los nodos sugeridos se muestran como rectángulos sombreados dentro de un nodo que está dentro del límite de maxDepth.

Tipo: number
Valor predeterminado: 0
midColor

Es el color de un rectángulo con un valor de la columna 3 medio entre maxColorValue y minColorValue. Especifica un valor de color HTML.

Tipo: string
Valor predeterminado: #000000
minColor

Es el color de un rectángulo con el valor de la columna 3 de minColorValue. Especifica un valor de color HTML.

Tipo: string
Valor predeterminado: #dd0000
noColor

El color que se usa en el rectángulo cuando un nodo no tiene un valor para la columna 3 y ese nodo es una hoja (o solo contiene hojas). Especifica un valor de color HTML.

Tipo: string
Valor predeterminado: #000000
subtítulo

Texto que se mostrará debajo del título del gráfico.

Tipo: string
Configuración predeterminada: sin título
subtitleTextStyle

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

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

Tipo: object
Configuración predeterminada: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Es un objeto que especifica el estilo de texto del título. El color puede ser cualquier string de color HTML, por ejemplo: 'red' o '#00cc00'. Consulta también fontName y fontSize.

Tipo: object
Predeterminado: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
título

Texto que se mostrará sobre el gráfico.

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

Es un objeto que especifica el estilo de texto del título. El objeto tiene el siguiente formato:

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

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

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