Good Mood

La couleur de fond de la zone principale de la graphique. Peut être une simple chaîne de couleur HTML, par exemple: 'red' ou '#00cc00', ou un objet avec les propriétés suivantes.,

La couleur de la bordure du graphique, HTML chaîne de couleur.

la largeur de La bordure en pixels.

La couleur de remplissage du graphique, sous forme de chaîne de couleurs HTML.,

un objet avec des membres pour configurer le placement et la taille de la zone du graphique (où le graphique lui-même est dessiné, à l’exclusion des axes et des légendes). Deux formats sont pris en charge: un nombre ou un nombre suivi par %. Un nombre simple est une valeur en pixels; un nombre suivi de % est un pourcentage. Exemple: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: la couleur, à condition qu’une chaîne hexadécimale ou anglais nom de la couleur.
• strokeWidth: si condition, dessine une bordure autour de la zone graphique de la largeur (et avec la couleur de stroke).

à quelle distance tracer le graphique à partir de la bordure gauche.,

à quelle distance tracer le graphique à partir de la bordure supérieure.

largeur de la zone de Graphique.

hauteur de la zone du graphique.

Les couleurs à utiliser pour les éléments de graphique., Un tableau de chaînes, où chaque élément est une chaîne de couleur HTML, par exemple: colors:.

indique si le graphique génère des événements basés sur l’utilisateur ou réagit à l’interaction de l’utilisateur. Si false est faux, le graphique ne lancera pas ‘select’ ou d’autres événements basés sur l’interaction (mais lancera des événements ready ou error), et n’affichera pas de hovertext ou ne changera pas en fonction de l’entrée de l’utilisateur.,

La taille de police par défaut, en pixels, de tout le texte dans le graphique. Vous pouvez remplacer cela à l’aide de propriétés pour des éléments de graphique spécifiques.

La valeur par défaut face à la police pour l’ensemble du texte dans le tableau. Vous pouvez remplacer cela à l’aide de propriétés pour des éléments de graphique spécifiques.

Dessine le graphique à l’intérieur d’un cadre en ligne., (Notez que sur IE8, cette option est ignorée; tous les graphiques IE8 sont dessinés en I-frames.)

la Hauteur du graphique, en pixels.

Si la valeur est true, affiche un en trois dimensions graphique.

Un objet avec des membres de configurer divers aspects de la légende., Pour spécifier les propriétés de cet objet, vous pouvez utiliser l’objet littéral de notation, comme illustré ici:

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

l’Alignement de la légende. Peut être l’un des éléments suivants:

• ‘start’ – aligné sur le début de la zone allouée à la légende.
• ‘center’ – centré dans la zone allouée à la légende.
• ‘end’ – aligné sur la fin de la zone allouée à la légende.,

Le Début, le centre et la fin sont relatifs au style-vertical ou horizontal-de la légende. Par exemple, dans une légende « droite », « début » et  » fin « sont en haut et en bas, respectivement; pour une légende « haut », « début » et  » fin  » seraient à gauche et à droite de la zone, respectivement.

La valeur par défaut dépend de la légende de la position. Pour  » fond de légendes, la valeur par défaut est ‘center’; d’autres légendes par défaut sur « démarrer ».

la Position de la légende., Peut être l’un des éléments suivants:

• ‘bottom’ – affiche la légende sous le graphique.
• ‘étiqueté’ – dessine des lignes reliant les tranches à leurs valeurs de données.
• « gauche » – Affiche la légende à gauche du graphique.
• ‘none’ – N’affiche aucune légende.
• « droit » – Affiche la légende à droite du graphique.
• ‘top’ – Affiche la légende au-dessus du graphique.

nombre Maximum de lignes dans la légende. Définissez ceci sur un nombre supérieur à un pour ajouter des lignes à votre légende., Remarque: la logique exacte utilisée pour déterminer le nombre réel de lignes rendues est toujours en cours.

Cette option ne fonctionne que lorsque la légende.la position est « top ».

un objet qui spécifie le style de texte de légende. L’objet de ce format est:

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

Le color peut être n’importe quelle couleur HTML chaîne de caractères, par exemple: 'red' ou '#00cc00'. Voir aussi fontName et fontSize.,

Si entre 0 et 1, affiche un beignet graphique. Le trou avec un rayon égal à number fois le rayon du graphique.

La couleur de la tranche des frontières. Applicable uniquement lorsque le graphique est bidimensionnel.,

Le contenu du texte affiché sur la tranche. Peut être l’un des éléments suivants:

• ‘pourcentage’ – le pourcentage de la taille de La Tranche sur le total.
• « valeur » – La valeur quantitative de la tranche.
• « label » – Le nom de la tranche.
• « none » – Aucun texte n’est affiché.

Un objet qui spécifie la tranche de style de texte., L’objet de ce format est:

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

Le color peut être n’importe quelle couleur HTML chaîne de caractères, par exemple: 'red' ou '#00cc00'. Voir aussi fontName et fontSize.

L’angle, en degrés, à faire pivoter le graphique par. La valeur par défaut de0 orientera le bord le plus à gauche de la première tranche directement vers le haut.,

Si la valeur est true, attire tranches dans le sens antihoraire. La valeur par défaut est de dessiner dans le sens horaire.

couleur pour la tranche de combinaison qui contient toutes les tranches en dessous de sliceVisibilityThreshold.,

Une étiquette pour la tranche de combinaison qui contient toutes les tranches en dessous de sliceVisibilityThreshold.

Un tableau d’objets, chacun décrivant le format correspondant à la tranche de la tarte. Pour utiliser les valeurs par défaut d’une tranche, spécifiez un objet vide (c’est-à-dire {}). Si une tranche ou une valeur n’est pas spécifiée, la valeur globale sera utilisé., Chaque objet prend en charge les propriétés suivantes:

• color – La couleur à utiliser pour cette tranche. Spécifiez une chaîne de couleur HTML valide.
• offset – Comment, loin de séparer la tranche du reste de la tarte, de 0.0 (pas du tout) à 1.0 (la tarte du rayon).
• textStyle – Remplace le mondial pieSliceTextStyle pour cette tranche.,

Vous pouvez spécifier soit un tableau d’objets, dont chacun s’applique à la tranche dans l’ordre donné, ou vous pouvez spécifier un objet où chaque enfant a une clé numérique indiquant qui tranche elle s’applique. Par exemple, les deux déclarations suivantes sont identiques et déclarent la première tranche en noir et la quatrième en rouge:

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

la valeur fractionnaire de la tarte, ci-dessous qu’une tranche ne montrera pas individuellement., Toutes les tranches qui n’ont pas dépassé ce seuil seront combinées à une seule « autre » tranche, dont la taille est la somme de toutes leurs tailles. La valeur par défaut est de ne pas afficher individuellement une tranche inférieure à un demi-degré.

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

Texte à afficher au-dessus du graphique.

Un objet qui indique le titre du style de texte., 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., Pour spécifier les propriétés de cet objet, vous pouvez utiliser l’objet littéral de notation, comme illustré ici:

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

si elle est définie surtrue, permet au dessin des infobulles de s’écouler en dehors des limites du graphique de tous les côtés.

remarque: cela ne s’applique qu’aux infobulles HTML. Si cela est activé avec les infobulles SVG, tout débordement en dehors des limites du graphique sera rogné. Voir Personnalisation du contenu de L’info-bulle pour plus de détails.,

Si la valeur est true, utilisez les infobulles rendues en HTML (plutôt qu’en SVG). Voir Personnalisation du contenu de L’info-bulle pour plus de détails.

Remarque: La Personnalisation du contenu de l’info-bulle HTML via le rôle de données de colonne d’info-bulle n’est pas prise en charge par la visualisation du graphique à bulles.

Si true, affichez des carrés colorés à côté des informations de tranche dans l’info-bulle.,

quelles informations afficher lorsque l’utilisateur survole une tranche de tarte. Les valeurs suivantes sont prises en charge:

• ‘both’ – affiche à la fois la valeur absolue de la tranche et le pourcentage de l’ensemble.
• « valeur » – Afficher uniquement la valeur absolue de la tranche.
• ‘pourcentage’ – affiche le pourcentage de l’ensemble représenté par la tranche.

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.

L’interaction de l’utilisateur qui provoque l’info-bulle s’affiche:

• « focus » – L’info-bulle s’affiche lorsque l’utilisateur survole l’élément.
• « none » – L’info-bulle ne sera pas affiché.
• « sélection » – L’info-bulle s’affiche lorsque l’utilisateur sélectionne l’élément.

la Largeur de la carte, en pixels.,

Dessine le graphique. Le graphique n’accepte d’autres appels de méthode qu’après le déclenchement de l’événement ready. Extended description.

Retourne l’info-bulle de l’action objet de la demande actionID.,

Retourne un objet contenant la gauche, haut, largeur, et la hauteur de l’élément de graphique id., Le format de id n’est pas encore documenté (ce sont les valeurs de retour des gestionnaires d’événements), mais voici quelques exemples:

var cli = chart.getChartLayoutInterface();
hauteur de la zone du graphique cli.getBoundingBox('chartarea').height largeur de la troisième barre dans la première série d’un graphique à barres ou à colonnes cli.getBoundingBox('bar#0#2').width boîte de délimitation du cinquième coin d’un graphique à secteurs cli.getBoundingBox('slice#4') boîte de délimitation des données de graphique d’un graphique vertical (par exemple, une colonne): iv id= »(par exemple,, bar) graphique: cli.getBoundingBox('hAxis#0#gridline')

les Valeurs sont par rapport au conteneur de la carte. Appelez ceci après que le graphique est dessiné.

Retourne un objet contenant la gauche, haut, largeur, et la hauteur du graphique de contenu (c’est à dire,, à l’exclusion des étiquettes et de la légende):

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

Les valeurs sont par rapport au conteneur de la carte. Appelez ceci après que le graphique est dessiné.

Retourne un objet contenant des informations sur l’écran de placement de la carte et de ses éléments.,

Les méthodes suivantes peut être appelée sur l’objet retourné:

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

Appel après le graphique est tracé.

Retourne la logique horizontale valeur position, qui est un décalage à partir du graphique conteneur du bord gauche. Peut être négatif.,

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

appelez ceci après le dessin du graphique.

Retourne le tableau sérialisé comme une image de l’URI.

appelez ceci après le dessin du graphique.

Voir impression de graphiques PNG.

Retourne un tableau de la sélection graphique des entités. Les entités sélectionnables sont des tranches et des entrées de légende. Pour ce graphique, une seule entité peut être sélectionnée à un moment donné., Extended description .

renvoie la valeur verticale logique à position, qui est un décalage par rapport au bord supérieur du conteneur de graphiques. Peut être négatif.

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

appelez ceci après le dessin du graphique.

Retourne à l’écran de la coordonnée x de la position par rapport à du graphique conteneur.,

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

appelez ceci après le dessin du graphique.

Retourne à l’écran de la coordonnée y de la position par rapport à du graphique conteneur.

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

appelez ceci après le dessin du graphique.

Supprime l’info-bulle de l’action avec la demande actionID dans le graphique.,

Définit une info-bulle de l’action à exécuter lorsque l’utilisateur clique sur le texte de l’action.

la méthodesetAction prend un objet comme paramètre d’action. Cet objet doit spécifier 3 propriétés: id— le numéro d’identification de l’action, text —le texte qui doit apparaître dans l’info-bulle de l’action, et action — la fonction qui doit être exécutée lorsque l’utilisateur clique sur le texte de l’action.,

Toutes les actions d’info-bulle doivent être définies avant d’appeler la méthodedraw() du graphique. Description étendue.

pour sélectionner le graphique spécifié entités. Annule toute sélection précédente. Les entités sélectionnables sont des tranches et des entrées de légende. Pour ce graphique, une seule entité peut être sélectionnée à la fois. Extended description .,

Efface le tableau, et libère toutes les ressources allouées.

Déclenché lorsque l’utilisateur clique à l’intérieur du graphique., Peut être utilisé pour identifier le moment où le titre, les éléments de données, les entrées de légende, les axes, les quadrillages ou les étiquettes sont cliqués.

Déclenché quand une erreur se produit lorsque vous tentez d’afficher le graphique.

Déclenché quand l’utilisateur passe la souris sur une entité visuelle. Renvoie les index de ligne et de colonne de l’élément de table de données correspondant. Une entrée de tranche ou de légende est corrélée à une ligne de la table de données (l’index de colonne est null).,

Déclenché quand l’utilisateur passe la souris à l’écart à partir d’une entité visuelle. Renvoie les index de ligne et de colonne de l’élément de table de données correspondant. Une entrée de tranche ou de légende est corrélée à une ligne de la table de données (l’index de colonne est null).

Le tableau est prêt à l’externe les appels de méthode., Si vous souhaitez interagir avec le graphique et appeler des méthodes après l’avoir dessiné, vous devez configurer un écouteur pour cet événement avant d’appeler la méthode draw et ne les appeler qu’après le déclenchement de l’événement.

Déclenché lorsque l’utilisateur clique sur une entité visuelle. Pour savoir ce qui a été sélectionné, appelez getSelection().