Gráfico de anotaciones

Si se establece como verdadera, cualquier texto de anotación que incluya etiquetas HTML se renderizará como HTML.

Un sufijo que se agregará a todos los valores de la leyenda y las etiquetas de marca en los ejes verticales.

El ancho (en porcentaje) del área de las anotaciones, de toda el área del gráfico. Debe ser un número entre 5 y 80.

Los colores que se usarán para las líneas y etiquetas del gráfico. Un array de cadenas. Cada elemento es una cadena en un formato de color HTML válido. Por ejemplo, "rojo" o "#00cc00".

El formato que se usa para mostrar la información de la fecha en la esquina superior derecha. El formato de este campo es el que especifica la clase java SimpleDateFormat.

Si la estableces como falsa, el gráfico ocultará la tabla de anotaciones, y las anotaciones y annotationText no serán visibles (la tabla de anotaciones tampoco se mostrará si no hay anotaciones en tus datos, independientemente de esta opción). Cuando esta opción se establece en verdadero, después de cada columna numérica, se pueden agregar dos columnas opcionales de string de anotación: una para el título de la anotación y otra para el texto de la anotación.

Si la estableces como verdadera, el gráfico mostrará un control de filtro para filtrar anotaciones. Usa esta opción cuando haya muchas anotaciones.

Indica si se debe mostrar un pequeño separador de barra ( | ) entre los valores de la serie y la fecha en la leyenda, donde verdadero significa sí.

Establece si se debe mostrar una versión abreviada y redondeada de los valores en la parte superior del gráfico para ahorrar espacio; "false" indica que sí. Por ejemplo, si se configura como falso, 56123.45 podría mostrarse como 56.12k.

Indica si se deben mostrar puntos junto a los valores en el texto de la leyenda, donde "verdadero" significa que sí.

Indica si se deben mostrar los valores destacados en la leyenda, donde verdadero significa que sí.

Indica si se muestra el área de selección del rango de zoom (el área en la parte inferior del gráfico), donde “falso” significa que no.

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

Establece si se deben mostrar los botones de zoom ("1d 5d 1m" y así sucesivamente), donde "falso" significa "no".

Es un número de 0 a 100 (inclusive) que especifica el alfa del relleno debajo de cada línea en el gráfico de líneas. 100 significa 100% opaco, y 0 significa que no hay ningún relleno. El color de relleno es del mismo que la línea superior.

Indica si se debe colocar la leyenda de color en la misma fila con los botones de zoom y la fecha ("sameRow") o en una fila nueva ("newRow").

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

Es similar a maxValue en los gráficos principales.

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

Es similar a minValue en los gráficos principales.

Especifica los patrones de formato de número que se usarán para dar formato a los valores de la parte superior del gráfico.

Los patrones deben tener el formato que especifica la clase java DecimalFormat.

• Si no se especifica, se usa el patrón de formato predeterminado.
• Si se especifica un solo patrón de cadena, se utiliza para todos los valores.

• Si se especifica un mapa, las claves son índices de series (basados en cero), y los valores son los patrones que se usarán para dar formato a la serie especificada.

  No es necesario que incluyas un formato para cada serie del gráfico; las series no especificadas usarán el formato predeterminado.

Si se especifica esta opción, se ignora la opción displayExactValues.

Especifica qué valores mostrar en las marcas del eje Y del gráfico. La configuración predeterminada consiste en tener una sola escala en el lado derecho, que se aplica a ambas series, pero puedes tener diferentes lados del grafo escalados a diferentes valores de series.

Esta opción toma un array de cero a tres números que especifican el índice (basado en cero) de la serie que se usará como valor de escala. El lugar en el que se muestran estos valores depende de la cantidad de valores que incluyes en el array:

• Si especificas un array vacío, en el gráfico no se mostrarán los valores Y junto a las marcas.
• Si especificas un valor, la escala de la serie indicada se mostrará solo en el lado derecho del gráfico.
• Si especificas dos valores, la escala de la segunda serie se agregará a la derecha del gráfico.
• Si especificas tres valores, se agregará una escala para la tercera serie al medio del gráfico.
• Se ignorará cualquier valor posterior al tercero en la matriz.

Cuando se muestra más de una escala, es recomendable configurar la opción scaleType como “allfixed” o “allmaximized”.

Formato de número que se usa para las etiquetas de marcas de eje. El valor predeterminado '#' se muestra como un número entero.

Establece los valores máximo y mínimo que se muestran en el eje Y. Están disponibles las siguientes opciones:

• "maximized": el eje Y abarcará desde el mínimo hasta los valores máximos de la serie. Si tienes más de una serie, usa la maximización.
• "fijo" [default]: El eje Y varía según los valores de los datos:
  • Si todos los valores son >=0, el eje Y abarcará desde cero hasta el valor máximo de datos.
  • Si todos los valores son <=0, el eje Y abarcará desde cero hasta el valor de datos mínimo.
  • Si los valores son positivos y negativos, el eje Y variará desde el máximo de la serie al mínimo de la serie.
    Para varias series, usa "allfixed".
• "allmaximized": lo mismo que "maximized", pero se utiliza cuando se muestran varias escalas. Ambos gráficos se maximizarán dentro de la misma escala, lo que significa que uno se tergiversará respecto del eje Y, pero si colocas el cursor sobre cada serie, se mostrará su valor verdadero.
• "allfixed": Es igual que "fixed", pero se usa cuando se muestran varias escalas. Esta configuración ajusta cada escala según la serie a la que se aplica (úsala junto con scaleColumns).

Si especificas las opciones mínima o máxima, tendrán prioridad sobre los valores mínimo y máximo determinados por tu tipo de escala.

Contiene opciones relacionadas con la tabla de anotaciones. Para especificar propiedades de este objeto, puedes usar la notación literal de objeto:

var options: {
  table: {
    sortAscending: true,
    sortColumn: 1
  }
};
      

Si se configura en true, invierte el orden de la tabla de anotaciones y las muestra en orden ascendente.

El índice de columna de la tabla de anotaciones para la que se ordenarán las anotaciones. El índice debe ser 0 para la columna de etiquetas de anotación, o 1 para la columna de texto de anotación.

Un número de 0 a 10 (inclusive) que especifica el grosor de las líneas, donde 0 es el más delgado.

Establece la fecha y hora de finalización del intervalo de zoom seleccionado.

Establece la fecha y hora de inicio del rango de zoom seleccionado.

Borra el gráfico y libera todos sus recursos asignados.

Dibuja el gráfico.

Recupera un controlador para el elemento contenedor que contiene el gráfico de anotaciones.

Implementación estándar de getSelection() Los elementos seleccionados son elementos de celda. El usuario solo puede seleccionar una celda a la vez.

Muestra un objeto con propiedades start y end, y cada una de ellas es un objeto Date, que representa la selección de la hora actual.

Oculta la serie de datos especificada del gráfico. Acepta un parámetro que puede ser un número o un array de números, en el que 0 se refiere a la primera serie de datos, y así sucesivamente.

Establece el rango visible (zoom) en el rango especificado. Acepta dos parámetros de tipo Date que representan la primera y la última vez del rango visible seleccionado que se desea. Configura start como nulo para incluir todo desde la fecha más temprana hasta end; establece end como nulo para incluir todo desde start hasta la última fecha.

Muestra las series de datos especificadas del gráfico, después de que se ocultaron con el método hideDataColumns. Acepta un parámetro que puede ser un número o un array de números, en el que 0 se refiere a la primera serie de datos, y así sucesivamente.

Se activa cuando el usuario cambia el control deslizante de rango. Los nuevos extremos del rango estarán disponibles como event['start'] y event['end']:

google.visualization.events.addListener(chart, 'rangechange', rangechange_handler);

function rangechange_handler(e) {
  console.log('You changed the range to ', e['start'], ' and ', e['end']);
}

El gráfico está listo para llamadas de método externas. Si deseas interactuar con el gráfico y llamar a los métodos después de dibujarlo, debes configurar un objeto de escucha para este evento antes de llamar al método draw e llamarlos solo después de que se haya activado el evento.

Se activa cuando el usuario hace clic en una entidad visual. Para saber qué se seleccionó, llama a getSelection().