Graphique d'annotation

Si elle est définie sur "true", tout texte d'annotation incluant des balises HTML est affiché au format HTML.

Suffixe à ajouter à toutes les valeurs de la légende et aux libellés des graduations sur les axes verticaux.

Largeur (en pourcentage) de la zone d'annotations par rapport à la totalité de la zone du graphique. La valeur doit être un nombre compris entre 5 et 80.

Couleurs à utiliser pour les lignes et les libellés du graphique. Tableau de chaînes. Chaque élément est une chaîne dans un format de couleur HTML valide. Par exemple, "rouge" ou "#00cc00".

Format utilisé pour afficher les informations de date dans l'angle supérieur droit. Le format de ce champ est celui spécifié par la classe java SimpleDateFormat.

Si cette règle est définie sur "false", le graphique masque la table des annotations, et les annotations et annotationText ne seront pas visibles (la table des annotations ne s'affichera pas non plus si vos données ne contiennent aucune annotation, quelle que soit cette option). Lorsque cette option est définie sur "true", deux colonnes de chaîne d'annotation facultatives peuvent être ajoutées après chaque colonne numérique, l'une pour le titre de l'annotation et l'autre pour le texte de l'annotation.

Si elle est définie sur "true", le graphique affiche une commande de filtrage pour filtrer les annotations. Utilisez cette option lorsqu'il existe de nombreuses annotations.

Permet d'afficher ou non un petit séparateur de barre ( | ) entre les valeurs de la série et la date dans la légende, où "true" signifie "oui".

Permet d'afficher ou non une version raccourcie et arrondie des valeurs en haut du graphique pour économiser de l'espace. La valeur "false" indique que c'est le cas. Par exemple, si la valeur est définie sur "false", 56123.45 peut s'afficher sous la forme 56.12k.

Permet d'afficher ou non des points à côté des valeurs dans le texte de la légende, où "true" signifie "oui".

Permet d'afficher ou non les valeurs en surbrillance dans la légende, où "true" signifie "oui".

Permet d'afficher ou non la zone de sélection de la plage de zoom (la zone située au bas du graphique), où "false" signifie non.

Le contour du sélecteur de zoom est une version à l'échelle logarithmique de la première série du graphique, mise à l'échelle pour s'adapter à la hauteur du sélecteur de zoom.

Permet d'afficher ou non les boutons de zoom ("1d 5d 1m", etc.), où "false" signifie "non".

Nombre compris entre 0 et 100 (inclus) spécifiant la valeur alpha du remplissage sous chaque ligne du graphique en courbes. 100 signifie 100% opaque, et 0 signifie aucun remplissage. La couleur de remplissage est la même que celle de la ligne située au-dessus.

Permet de placer la légende colorée sur la même ligne que les boutons de zoom et la date ("sameRow"), ou sur une nouvelle ligne ("newRow").

Valeur maximale à afficher sur l'axe Y. Si le point de données maximal dépasse cette valeur, ce paramètre est ignoré, et le graphique est ajusté pour afficher la coche principale au-dessus du point de données maximal. Cette valeur sera prioritaire sur la valeur maximale de l'axe Y déterminée par scaleType.

Cette valeur est semblable à maxValue dans les graphiques principaux.

Valeur minimale à afficher sur l'axe Y. Si le point de données minimal est inférieur à cette valeur, ce paramètre est ignoré, et le graphique est ajusté pour afficher la coche principale suivante en dessous du point de données minimal. Cette valeur sera prioritaire sur la valeur minimale de l'axe Y déterminée par scaleType.

Cette valeur est semblable à minValue dans les graphiques principaux.

Spécifie les modèles de format numérique à utiliser pour mettre en forme les valeurs en haut du graphique.

Les formats doivent être au format spécifié par la classe java DecimalFormat.

• Si aucune valeur n'est spécifiée, le format de format par défaut est utilisé.
• Si un seul format de chaîne est spécifié, il est utilisé pour toutes les valeurs.

• Si une map est spécifiée, les clés sont des index de série (basés sur zéro) et les valeurs sont les modèles à utiliser pour mettre en forme la série spécifiée.

  Vous n'êtes pas obligé d'inclure un format pour chaque série du graphique. Toute série non spécifiée utilisera le format par défaut.

Si cette option est spécifiée, l'option displayExactValues est ignorée.

Spécifie les valeurs à afficher sur les coches de l'axe Y dans le graphique. Par défaut, une seule échelle s'affiche sur le côté droit, ce qui s'applique aux deux séries. Toutefois, vous pouvez mettre à l'échelle différents côtés du graphique pour obtenir différentes valeurs de série.

Cette option utilise un tableau de zéro à trois nombres spécifiant l'indice (basé sur zéro) de la série à utiliser comme valeur d'échelle. L'emplacement de ces valeurs dépend du nombre de valeurs que vous incluez dans votre tableau:

• Si vous spécifiez un tableau vide, le graphique n'affichera pas de valeurs Y à côté des coches.
• Si vous spécifiez une valeur, l'échelle de la série indiquée ne s'affiche que sur le côté droit du graphique.
• Si vous indiquez deux valeurs, l'échelle de la deuxième série est ajoutée à droite du graphique.
• Si vous indiquez trois valeurs, une échelle est ajoutée au milieu du graphique pour la troisième série.
• Toutes les valeurs après la troisième valeur du tableau sont ignorées.

Lorsque vous affichez plusieurs échelles, nous vous recommandons de définir l'option scaleType sur "allFixed" ou "allmaximized".

Format numérique à utiliser pour les libellés des graduations de l'axe. La valeur par défaut de '#' s'affiche sous la forme d'un entier.

Définit les valeurs maximale et minimale affichées sur l'axe Y. Les options suivantes sont disponibles:

• "maximisée" : l'axe Y couvre les valeurs minimales et maximales de la série. Si vous avez plusieurs séries, utilisez allmaximized.
• 'fixe' [par défaut] : l'axe Y varie en fonction des valeurs des données :
  • Si toutes les valeurs sont >=0, l'axe Y s'étend de zéro à la valeur de données maximale.
  • Si toutes les valeurs sont <=0, l'axe Y s'étend de zéro à la valeur de données minimale.
  • Si les valeurs sont à la fois positives et négatives, l'axe Y s'étend du nombre maximal de la série au minimum.
    Pour plusieurs séries, utilisez "all fixed".
• "allmaximized" : identique à "maximized", mais utilisé lorsque plusieurs échelles sont affichées. Les deux graphiques seront agrandis sur la même échelle, ce qui signifie qu'un seul sera présenté de façon trompeuse par rapport à l'axe Y, mais que vous pointez sur chaque série pour afficher sa valeur réelle.
• "allFix" : identique à "fixe", mais utilisé lorsque plusieurs échelles sont affichées. Ce paramètre ajuste chaque échelle à la série à laquelle elle s'applique (à utiliser conjointement avec scaleColumns).

Si vous spécifiez les options minimale et/ou maximale, elles prévalent sur les valeurs minimale et maximale déterminées par votre type d'échelle.

Contient les options relatives au tableau des annotations. Pour spécifier les propriétés de cet objet, vous pouvez utiliser la notation littérale d'objet:

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

Si la valeur est true, inverse l'ordre du tableau des annotations et les affiche dans l'ordre croissant.

Index de colonne de la table d'annotations pour laquelle les annotations seront triées. L'index doit être 0 pour la colonne d'étiquette d'annotation ou 1 pour la colonne de texte d'annotation.

Nombre compris entre 0 et 10 (inclus) spécifiant l'épaisseur des lignes, où 0 est le plus fin.

Définit la date et l'heure de fin de la plage de zoom sélectionnée.

Définit la date et l'heure de début de la plage de zoom sélectionnée.

Efface le graphique et libère toutes les ressources qui lui sont allouées.

Permet de dessiner le graphique.

Récupère un handle vers l'élément conteneur contenant le graphique d'annotations.

Implémentation standard de getSelection(). Les éléments sélectionnés sont des éléments de cellule. L'utilisateur ne peut sélectionner qu'une seule cellule à la fois.

Renvoie un objet avec les propriétés start et end, chacun d'entre eux étant un objet Date, représentant la sélection de temps actuelle.

Masque la série de données spécifiée du graphique. Accepte un paramètre, qui peut être un nombre ou un tableau de nombres, où "0" fait référence à la première série de données, et ainsi de suite.

Définit la plage visible (zoom) sur la plage spécifiée. Accepte deux paramètres de type Date qui représentent la première et la dernière heure de la plage visible sélectionnée. Définissez start sur "null" pour inclure toutes les données de la date la plus proche à la end. Définissez end sur "null" pour inclure toutes les données allant du début à la dernière date.

Affiche les séries de données spécifiées à partir du graphique, après leur masquage à l'aide de la méthode hideDataColumns. Accepte un paramètre, qui peut être un nombre ou un tableau de nombres, où "0" fait référence à la première série de données, et ainsi de suite.

Déclenché lorsque l'utilisateur modifie le curseur de plage. Les nouveaux points de terminaison de la plage seront disponibles en tant que event['start'] et 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']);
}

Le graphique est prêt pour les appels de méthode externes. 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, puis 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().