Good Mood

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

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

El ancho del borde en píxeles.

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

un objeto con miembros para configurar la ubicación y el tamaño del área del gráfico (donde se dibuja el gráfico en sí, excluyendo ejes y 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%'}

• stroke : el color, proporcionado como cadena hexadecimal o nombre de color en inglés.
• strokeWidth: si se proporciona, dibuja un borde alrededor del área del gráfico de la anchura (y con el color de stroke).

hasta dónde dibujar el gráfico desde el borde izquierdo.,

hasta dónde dibujar el gráfico desde el borde superior.

ancho del área del gráfico.

altura del área del gráfico.

los colores a utilizar para los elementos del gráfico., Una matriz de cadenas, donde cada elemento es una cadena de color HTML, por ejemplo: colors:.

Si el gráfico lanza eventos basados en el usuario o reacciona a la interacción del usuario. Si es false, el gráfico no lanzará ‘select’ u otros eventos basados en interacción (pero lanzará eventos listos o de error), y no mostrará hovertext ni cambiará en función de la entrada del usuario.,

el tamaño de fuente predeterminado, en píxeles, de todo el texto del gráfico. Puede anular esto usando propiedades para elementos específicos del gráfico.

la cara de fuente predeterminada para todo el texto en el gráfico. Puede anular esto usando propiedades para elementos específicos del gráfico.

Dibuja el gráfico dentro de un marco en línea., (Tenga en cuenta que en IE8, esta opción se ignora; todos los gráficos IE8 se dibujan en I-frames.)

Height del gráfico, en píxeles.

Si es true, muestra un gráfico tridimensional.

un objeto con miembros para configurar varios aspectos de la leyenda., Para especificar las propiedades de este objeto, puede usar la notación literal del objeto, como se muestra aquí:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

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

• ‘start’ – alineado al inicio del área asignada para la leyenda.
• ‘center’ – centrado en el área asignada para la leyenda.
• ‘ end ‘ – alineado al final del área asignada para la leyenda.,

Start, center y end son relativos al estilo vertical vertical u horizontal.de la leyenda. Por ejemplo, en una leyenda ‘derecha’, ‘start’ y ‘end’ están en la parte superior e inferior, respectivamente; para una leyenda ‘top’, ‘start’ y ‘ end ‘ estarían a la izquierda y a la derecha del área, respectivamente.

el valor predeterminado depende de la posición de la leyenda. Para Leyendas ‘bottom’, el valor predeterminado es’ center’; otras leyendas por defecto son’start’.

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

• ‘bottom’ – muestra la leyenda debajo del gráfico.
• ‘etiquetado’ – dibuja líneas que conectan sectores a sus valores de datos.
• ‘left’ – muestra la leyenda a la izquierda del gráfico.
• ‘none’ – no muestra ninguna leyenda.
• ‘right’ – muestra la leyenda derecha del gráfico.
• ‘top’ – Muestra la leyenda sobre el gráfico.

número Máximo de líneas en la leyenda. Establezca esto en un número mayor que uno para agregar líneas a su leyenda., Nota: la lógica exacta utilizada para determinar el número real de líneas renderizadas todavía está en flujo.

esta opción actualmente solo funciona cuando legend.la posición es ‘top’.

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

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

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

Si está entre 0 y 1, muestra un gráfico de rosquillas. El agujero con tiene un radio igual a number veces el radio del gráfico.

El color de la rebanada de las fronteras. Solo aplicable cuando el gráfico es bidimensional.,

el contenido del texto que se muestra en el segmento. Puede ser uno de los siguientes:

• ‘percentage’ – el porcentaje del tamaño del corte sobre el total.
• ‘value’ – el valor cuantitativo del segmento.
• ‘label’ – el nombre del segmento.
• ‘none’ – No se muestra ningún texto.

un objeto que especifica el estilo de texto slice., El objeto tiene este formato:

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

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

El ángulo, en grados, para girar el gráfico. El valor predeterminado de 0 orientará el borde izquierdo del primer corte directamente hacia arriba.,

Si es true, dibuja rebanadas en sentido contrario a las agujas del reloj. El valor predeterminado es dibujar en el sentido de las agujas del reloj.

Color para el segmento de combinación que contiene todos los segmentos debajo de sliceVisibilityThreshold.,

una Etiqueta para el segmento de combinación que contiene todos los segmentos debajo de sliceVisibilityThreshold.

una matriz de objetos, cada uno describiendo el formato del segmento correspondiente en el pastel. Para usar valores predeterminados para un sector, especifique un objeto vacío (es decir, {}). Si no se especifica un segmento o un valor, se utilizará el valor global., Cada objeto admite las siguientes propiedades:

• color – el color a usar para este segmento. Especifique una cadena de color HTML válida.
• offset – qué tan lejos separar el segmento del resto del pastel, de 0.0 (no en absoluto) a 1.0 (el radio del pastel).
• textStyle Anula el mundial pieSliceTextStyle para este sector.,

puede especificar una matriz de objetos, cada uno de los cuales se aplica al segmento en el orden dado, o puede especificar un objeto donde cada hijo tiene una clave numérica que indica a qué segmento se aplica. Por ejemplo, las siguientes dos declaraciones son idénticas, y declaran el primer segmento como Negro y el cuarto como Rojo:

slices: slices: {0: {color: 'black'}, 3: {color: 'red'}} 

el valor fraccionario del pastel, a continuación que una rebanada no se mostrará individualmente., Todas las rebanadas que no hayan pasado este umbral se combinarán en una sola rebanada «otra», cuyo tamaño es la suma de todos sus tamaños. El valor predeterminado es no mostrar individualmente cualquier corte que sea menor que medio grado.

// Slices less than 25% of the pie will be// combined into an "Other" slice.sliceVisibilityThreshold: .25 

Text to display above the chart.

un objeto que especifica el estilo de texto del título., The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00'. Also see fontName and fontSize.

An object with members to configure various tooltip elements., Para especificar las propiedades de este objeto, puede usar la notación literal del objeto, como se muestra aquí:

{textStyle: {color: '#FF0000'}, showColorCode: true}

Si se establece en true, permite que el dibujo de información emergente fluya fuera de los límites del gráfico en todos los lados.

Nota: Esto solo se aplica a las sugerencias de Herramientas HTML. Si esto está habilitado con información sobre herramientas SVG, cualquier desbordamiento fuera de los límites del gráfico se recortará. Consulte Personalizar el contenido de la información sobre herramientas para obtener más detalles.,

Si se establece en true, utilice información emergente HTML (en lugar de SVG-rendered). Consulte Personalizar el contenido de la información sobre herramientas para obtener más detalles.

Nota: la visualización del gráfico de burbujas no admite la personalización del contenido de la información de Herramientas HTML a través del rol de datos de la columna de información de herramientas.

si es true, muestra los cuadrados de color junto a la información del segmento en la información sobre herramientas.,

Qué información Mostrar cuando el usuario pasa el cursor sobre un trozo de pastel. Se admiten los siguientes valores:

• ‘both’ – muestra tanto el valor absoluto del segmento como el porcentaje del todo.
• ‘value’ – muestra solo el valor absoluto del segmento.
• ‘percentage’ – muestra solo el porcentaje del todo representado por el slice.

An object that specifies the tooltip text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00'. Also see fontName and fontSize.

la interacción del usuario que hace que se muestre la información sobre herramientas:

• ‘focus’ – la información sobre herramientas se mostrará cuando el usuario pase el cursor sobre el elemento.
• ‘none’ – la información sobre herramientas no se mostrará.
• ‘selection’ – la información sobre herramientas se mostrará cuando el usuario seleccione el elemento.

Width del gráfico, en píxeles.,

Dibuja el gráfico. El gráfico Acepta más llamadas a métodos solo después de que se active el evento ready. Extended description.

Devuelve la descripción objeto de la acción con la solicitada actionID.,

devuelve un objeto que contiene el elemento izquierdo, superior, ancho y alto del gráfico id., El formato para id aún no está documentado (son los valores devueltos de los controladores de eventos), pero aquí hay algunos ejemplos:

var cli = chart.getChartLayoutInterface();
altura del área del gráfico cli.getBoundingBox('chartarea').height ancho de la tercera barra de la primera serie de un gráfico de barras o columnas cli.getBoundingBox('bar#0#2').width caja delimitadora de la quinta cuña de un gráfico circular cli.getBoundingBox('slice#4') caja delimitadora de los datos del gráfico de un gráfico vertical (por ejemplo, columna): cli.getBoundingBox('vAxis#0#gridline') caja delimitadora de los datos del gráfico de un gráfico horizontal (por ejemplo, e. g.,, bar) gráfico: cli.getBoundingBox('hAxis#0#gridline')

los Valores son relativos al contenedor de la tabla. Llame a esto después de que se dibuje el gráfico.

devuelve un objeto que contiene la izquierda, la parte superior, el ancho y la altura del contenido del gráfico (P.,, con exclusión de las etiquetas y de la leyenda):

var cli = chart.getChartLayoutInterface();
cli.getChartAreaBoundingBox().left cli.getChartAreaBoundingBox().top cli.getChartAreaBoundingBox().height cli.getChartAreaBoundingBox().width

Los valores son relativos al contenedor de la tabla. Llame a esto después de que se dibuje el gráfico.

devuelve un objeto que contiene información sobre la colocación en pantalla del gráfico y sus elementos.,

Los siguientes métodos pueden ser llamados en el objeto devuelto:

• getBoundingBox
• getChartAreaBoundingBox
• getHAxisValue
• getVAxisValue
• getXLocation
• getYLocation

Llame a esto después de que el gráfico se dibuja.

devuelve el valor horizontal lógico en position, que es un desplazamiento desde el borde izquierdo del contenedor del gráfico. Puede ser negativo.,

Ejemplo: chart.getChartLayoutInterface().getHAxisValue(400).

llame a esto después de dibujar el gráfico.

devuelve el gráfico serializado como un URI de imagen.

llame a esto después de dibujar el gráfico.

consulte Impresión de gráficos PNG.

Devuelve un array con el gráfico seleccionado entidades. Las entidades seleccionables son secciones y entradas de leyenda. Para este gráfico, solo se puede seleccionar una entidad en un momento dado., Extended description.

devuelve el valor vertical lógico en position, que es un desplazamiento desde el borde superior del contenedor del gráfico. Puede ser negativo.

Ejemplo: chart.getChartLayoutInterface().getVAxisValue(300).

llame a esto después de dibujar el gráfico.

devuelve la coordenada X de pantalla de position en relación con el contenedor del gráfico.,

Ejemplo: chart.getChartLayoutInterface().getXLocation(400).

llame a esto después de dibujar el gráfico.

devuelve la coordenada y de pantalla de position en relación con el contenedor del gráfico.

Ejemplo: chart.getChartLayoutInterface().getYLocation(300).

llame a esto después de dibujar el gráfico.

Elimina la descripción de la acción con la solicitada actionID de la tabla.,

establece una acción de información sobre herramientas que se ejecutará cuando el Usuario haga clic en el texto de la acción.

el método setAction toma un objeto como parámetro de acción. Este objeto debe especificar 3 propiedades: id— el ID de la acción que se establece, text—el texto que debe aparecer en la descripción de la acción, y action — la función que debe ejecutarse cuando un usuario hace clic en el texto de la acción.,

todas y cada una de las acciones de información sobre herramientas deben configurarse antes de llamar al método draw() del gráfico. Descripción ampliada.

se Selecciona el gráfico especificado entidades. Cancela cualquier selección previa. Las entidades seleccionables son secciones y entradas de leyenda. Para este gráfico, solo se puede seleccionar una entidad a la vez. Extended description.,

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

se activa cuando el usuario hace clic dentro de la tabla., Se puede usar para identificar cuándo se hace clic en el título, los elementos de datos, las entradas de leyenda, los ejes, las líneas de cuadrícula o las etiquetas.

se activa cuando se produce un error al intentar representar el gráfico.

se activa cuando el usuario coloca el ratón sobre una entidad visual. Devuelve los índices de fila y columna del elemento de tabla de datos correspondiente. Una entrada de segmento o leyenda se correlaciona con una fila en la tabla de datos (el índice de columna es nulo).,

Fired when the user mouses away from a visual entity. Devuelve los índices de fila y columna del elemento de tabla de datos correspondiente. Una entrada de segmento o leyenda se correlaciona con una fila en la tabla de datos (el índice de columna es nulo).

el gráfico está listo para llamadas a métodos externos., Si desea interactuar con el gráfico y llamar a los métodos después de dibujarlo, debe configurar un receptor para este evento antes de llamar al método draw y llamarlos solo después de que se haya disparado el evento.

se activa cuando el usuario hace clic en una entidad visual. Para saber qué se ha seleccionado, llame a getSelection().