Graphiques Google O-Meter

   O-mètre aux couleurs de l'arc-en-ciel

Ce document explique comment créer un graphique de type "Dial-type" appelé "Google-o-Meter".

Sommaire

Présentation

Un Google-o-Meter est une jauge qui pointe vers une valeur unique dans une plage. La plage comporte une gradation de couleur que vous pouvez spécifier si vous le souhaitez. Vous pouvez également spécifier un texte personnalisé au-dessus du pointeur. La plage d'appels va de la valeur minimale du format de données à la valeur maximale. Spécifiez une valeur de données dans le paramètre chd vers laquelle la flèche doit pointer.

Vous pouvez spécifier plusieurs flèches sur le même graphique, et styliser le corps des flèches et la taille des points différemment sur chacun d'eux. Si vous souhaitez utiliser le même style de flèche pour toutes les flèches, spécifiez les points de données en tant que valeurs de la même série. Si vous souhaitez appliquer différents styles à différentes flèches, regroupez toutes les flèches du même style dans la même série.

Spécifiez un graphique Google-O-Meter avec la syntaxe suivante:

Syntaxe

cht=gom

 

Exemples

Description Exemple

Cela montre comment utiliser chxl pour spécifier des étiquettes personnalisées à la fois au-dessous et au-dessus de l'outil de sélection.

Une seule ligne sur un graphique avec une ombre bleue allant du bas jusqu'à la ligne
chxt=x,y
chxl=0:|Groovy|1:|slow|faster|crazy

Vous pouvez spécifier plusieurs flèches avec plusieurs points de données.
chd=t:20,40,60
chdl=1|2|3

Pour appliquer un style aux flèches, utilisez le paramètre chls. Chaque description chls s'applique à toutes les flèches de la série de données correspondante.

chls utilise une syntaxe avancée pour les Google-o-Meters. Chaque ensemble de valeurs dans un ensemble de pipes décrit la série de données correspondante. Vous pouvez éventuellement ajouter un ensemble de valeurs délimitées par des barres verticales qui décrivent la taille de la pointe de flèche en points, comprise entre 0 et 15 (la valeur par défaut étant 15).

Examinons la valeur chls dans ce graphique: chls=3|3,5,5|15|10

  • 3 : une valeur unique spécifie l'épaisseur de la ligne. Cela s'applique à toutes les flèches de la première série.
  • 3,5,5 : la deuxième série est décrite par une épaisseur, une longueur de tiret et une longueur d'espace.
  • 15 : taille de la pointe des flèches de la première série.
  • 10 : taille de la pointe de flèche de la deuxième série.

 


chd=t:20,40|60
chls=3|3,5,5|15|10

 

Couleurs de la série chco

Vous pouvez éventuellement spécifier les couleurs du cadran à l'aide du paramètre chco. S'il n'est pas spécifié, il utilise un dégradé par défaut.

Syntaxe

chco=<color_1>,...,<color_n>
<color>
Spécifiez au moins deux couleurs au format hexadécimal RRVVBB. Les couleurs sont appliquées en dégradé de gauche à droite, la première couleur à gauche étant la dernière à droite.
Description Exemple
Ce graphique montre un dégradé simple, du blanc (FFFFFF) au noir (000000) O-mètre aux couleurs de l&#39;arc-en-ciel
chco=FFFFFF,000000
Ce graphique montre plusieurs couleurs attribuées au cadran. O-mètre aux couleurs de l&#39;arc-en-ciel
chco=FF0000,FF8040,FFFF00,
00FF00,00FFFF,
0000FF,800080

Haut de page

Étiquettes Google-o-Meter chl

Vous pouvez éventuellement spécifier une étiquette personnalisée à afficher au-dessus de la flèche.

Remarque sur les valeurs de chaîne:Seuls les caractères compatibles avec les URL sont autorisés dans les chaînes de libellés. Pour plus de sécurité, vous devez encoder en URL toutes les chaînes contenant des caractères ne figurant pas dans le jeu de caractères 0-9a-zA-Z. Pour accéder à un encodeur d'URL, cliquez ici.

Syntaxe

chl=<label>
<libellé>
Texte du libellé.

 

Exemple

Description Exemple
Voici un exemple de Google-o-Meter avec un libellé.

Google-o-Meter (couleur rouge au vert par défaut)
chl=Nearly+There

Haut de page

Fonctionnalités standards

Les autres fonctionnalités figurant sur cette page sont des éléments de graphiques standards.

Format de couleur

Spécifiez les couleurs à l'aide d'une chaîne de valeurs hexadécimales (6 caractères), plus deux valeurs de transparence facultatives, au format RRGGBB[AA]. Exemple :

  • FF0000 = Rouge
  • 00FF00 = vert
  • 0000FF = Bleu
  • 000000 = Noir
  • FFFFFF = Blanc

AA est une valeur de transparence facultative, où 00 est totalement transparent et FF est complètement opaque. Exemple :

  • 0000FFFF = Bleu fixe
  • 0000FF66 = Bleu transparent

Haut de page

Titre du graphique chtt, chts [Tous les graphiques]

Vous pouvez spécifier le texte du titre, la couleur et la taille de la police de votre graphique.

Syntaxe

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt : spécifie le titre du graphique.

<chart_title>
Titre à afficher pour le graphique. Vous ne pouvez pas spécifier l'emplacement de cet attribut, mais vous avez la possibilité d'indiquer la taille et la couleur de la police. Utilisez un signe + pour indiquer des espaces et une barre verticale ( |) pour indiquer un saut de ligne.

 

chts [Facultatif] : couleurs et taille de la police pour le paramètre chtt.

<color>
Couleur du titre, au format hexadécimal RRVVBB. La couleur par défaut est le noir.
<font_size>
Taille de police du titre, en points.
<opt_alignment>
[Facultatif] Alignement du titre. Choisissez l'une des valeurs de chaîne sensibles à la casse suivantes: "l" (gauche), "c" (centrée) "r" (droite). La valeur par défaut est "c".

 

Exemples

Description Exemple

Graphique avec un titre, utilisant la couleur et la taille de police par défaut.

Indiquez un espace avec un signe plus (+).

Utilisez une barre verticale (|) pour forcer un saut de ligne.

chts n'est pas spécifié ici.

Graphique à barres verticales avec titre
chtt=Site+visitors+by+month|
January+to+July

Graphique avec un titre bleu aligné à droite composé de 20 points.

Graphique à barres verticales avec bleu, 20 pixels, titre
chtt=Site+visitors
chts=FF0000,20,r

Haut de page

Texte et style de la légende du graphique chdl, chdlp, chdls [Tous les graphiques]

La légende est une section latérale du graphique qui donne une courte description textuelle de chaque série. Vous pouvez spécifier le texte associé à chaque série dans cette légende, ainsi que l'emplacement où elle doit apparaître sur le graphique.

Consultez également chma pour découvrir comment définir les marges autour de votre légende.

Remarque sur les valeurs de chaîne:Seuls les caractères compatibles avec les URL sont autorisés dans les chaînes de libellés. Pour plus de sécurité, vous devez encoder en URL toutes les chaînes contenant des caractères ne figurant pas dans le jeu de caractères 0-9a-zA-Z. Vous trouverez un encodeur d'URL dans la documentation sur la visualisation Google.

Syntaxe

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl : texte de chaque série à afficher dans la légende.

<data_series_label>
Texte des entrées de la légende. Chaque étiquette s'applique à la série correspondante dans le tableau chd. Utilisez un signe + pour un espace. Si vous ne spécifiez pas ce paramètre, le graphique n'obtient pas de légende. Il n'est pas possible de spécifier un saut de ligne dans un libellé. La légende se développe généralement pour contenir le texte de la légende, et la zone du graphique est réduite pour l'adapter à la légende.

chdlp : [facultatif] la position de la légende et l'ordre des entrées de la légende. Vous pouvez indiquer <position> et/ou <label_order>. Si vous spécifiez les deux, séparez-les par une barre. Vous pouvez ajouter un "s" à n'importe quelle valeur si vous souhaitez que les entrées de légende vides dans chdl soient ignorées dans la légende. Exemples: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[Facultatif] Spécifie la position de la légende sur le graphique. Pour spécifier une marge intérieure supplémentaire entre la légende et la zone de graphique ou la bordure de l'image, utilisez le paramètre chma. Choisissez l'une des valeurs suivantes :
  • b : légende en bas du graphique, entrées de légende dans une ligne horizontale.
  • bv : légende en bas du graphique, entrées de légende dans une colonne verticale.
  • t : légende en haut du graphique, entrées de légende sur une ligne horizontale.
  • tv : légende en haut du graphique, entrées de légende dans une colonne verticale.
  • r : [par défaut] : légende à droite du graphique, entrées de légende dans une colonne verticale.
  • l : légende à gauche du graphique, entrées de légende dans une colonne verticale.
<opt_label_order>
[Facultatif] Ordre d'affichage des libellés dans la légende. Choisissez l'une des valeurs suivantes :
  • l : [Valeur par défaut pour les légendes verticales] : affiche les libellés dans l'ordre attribué à chdl.
  • r : affiche les libellés dans l'ordre inverse, comme indiqué pour chdl. Cette fonctionnalité est utile dans les graphiques à barres empilées, qui permet d'afficher la légende
    dans le même ordre que les barres.
  • a : [valeur par défaut pour les légendes horizontales] Ordre automatique : tri par longueur, en commençant par le plus court, mesuré en blocs de 10 pixels. Lorsque deux éléments ont la même longueur (divisés en blocs de 10 pixels), le premier qui figure en premier apparaît en premier.
  • 0,1,2... : ordre des étiquettes personnalisées. Il s'agit d'une liste d'index de libellés basés sur zéro provenant de chdl, séparés par une virgule.

chdls [facultatif] : spécifie la couleur et la taille de la police du texte de la légende.

<color>
Couleur du texte de la légende, au format hexadécimal RRVVBB.
<size>
Taille du point du texte de la légende.

 

Exemples

Description Exemple

Deux exemples de légendes. Spécifiez le texte de la légende dans le même ordre que celui de votre série de données.

Graphique en courbes rouge, bleu et vert avec les légendes correspondantes

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Diagramme de Venn avec deux cercles plus petits entourés par un cercle plus grand


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

Le premier graphique illustre les entrées de légende horizontales (chdlp=t, la mise en page par défaut est horizontale), et le second illustre les entrées de légende verticale inférieures (chdlp=bv).

Diagramme de Venn avec deux cercles plus petits entourés par un cercle plus grand
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


Diagramme de Venn avec deux cercles plus petits entourés par un cercle plus grand
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

Cet exemple montre comment modifier la taille de la police.

Diagramme de Venn avec deux cercles plus petits entourés par un cercle plus grand
chdls=0000CC,14

Haut de page

Marges du graphique chma [Tous les graphiques]

Vous pouvez spécifier la taille des marges du graphique, en pixels. Les marges sont calculées vers l'intérieur à partir de la taille de graphique spécifiée (chs). L'augmentation de la taille des marges n'augmente pas la taille totale du graphique, mais réduit la taille de la zone, si nécessaire.

Par défaut, les marges correspondent à ce qui reste après le calcul de la taille du graphique. Cette valeur par défaut varie selon le type de graphique. Les marges que vous spécifiez sont une valeur minimale. Si la zone du graphique laisse de la place aux marges, la taille des marges reste la même. Vous ne pouvez pas réduire les marges à une taille inférieure à celle requise pour les légendes et les libellés. Voici un diagramme illustrant les éléments de base d'un graphique:

Marge, zone de légende et zone du graphique

Les marges du graphique incluent les libellés de l'axe et la zone de la légende. La zone de la légende est automatiquement redimensionnée pour s'adapter exactement au texte, sauf si vous spécifiez une largeur plus grande à l'aide de chma. Dans ce cas, elle étend la taille de la marge et réduit la taille de la zone du graphique. Vous ne pouvez pas recadrer une légende en spécifiant une taille trop petite, mais vous pouvez faire en sorte qu'elle occupe plus d'espace que nécessaire.

Conseil:Dans un graphique à barres, si les barres ont une taille fixe (par défaut), la largeur de la zone du graphique ne peut pas être réduite. Vous devez spécifier une taille de barre plus petite ou redimensionnable à l'aide de chbh.

 

Syntaxe

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
Taille minimale des marges autour de la zone du graphique (en pixels). Augmentez cette valeur pour inclure une marge intérieure et éviter que les libellés de l'axe ne se heurtent aux bords du graphique.
<opt_legend_width> et <opt_legend_height>
[Facultatif] Largeur de la marge autour de la légende, en pixels. Utilisez-le pour éviter que la légende ne heurte la zone du graphique ou les bords de l'image.

 

Exemples

Description Exemple

Dans cet exemple, la marge minimale du graphique est de 30 pixels de chaque côté. Comme la légende du graphique fait plus de 30 pixels de large, la marge de droite est définie sur la largeur de la légende du graphique et est différente des autres marges.

Les libellés de l'axe se trouvent en dehors de la zone de tracé. Ils sont donc dessinés dans les marges.

Graphique en courbes avec un arrière-plan gris et des marges de chaque côté.
chma=30,30,30,30

Pour ajouter une marge autour de la légende, définissez une valeur pour les paramètres <opt_legend_width> et <opt_legend_height>.

Dans cet exemple, la légende fait environ 60 pixels de large. Si vous définissez <opt_legend_width> sur 80 pixels, la marge s'étend jusqu'à 20 pixels en dehors de la légende.

Graphique en courbes avec un arrière-plan gris et des marges de chaque côté.
chma=20,20,20,30|80,20

Haut de page

Styles et libellés d'axe [Ligne, Barre, Google-mètre, Radar, Nuage de points]

Vous pouvez spécifier les axes à afficher sur le graphique, et leur attribuer des libellés, positions, plages et styles personnalisés.

Par défaut, tous les graphiques n'affichent pas les lignes des axes. Vous pouvez spécifier avec précision les axes de votre graphique à l'aide du paramètre chxt. Les lignes des axes par défaut n'affichent pas de nombres. Vous devez spécifier un axe dans le paramètre chxt pour afficher des nombres.

Vous pouvez choisir d'afficher des numéros reflétant les valeurs des données pour vos axes, ou spécifier des axes personnalisés. La valeur par défaut consiste à afficher des valeurs numériques, avec un scaling des valeurs entre 0 et 100. Toutefois, vous pouvez modifier cette plage à l'aide de chxr pour afficher n'importe quelle plage, et styliser les valeurs (par exemple, pour afficher les symboles monétaires ou les décimales) à l'aide de chxs.

Si vous choisissez d'utiliser des valeurs personnalisées, par exemple "lun., mar., mer.", vous pouvez utiliser le paramètre chxl. Pour placer ces étiquettes à des emplacements spécifiques le long de l'axe, utilisez le paramètre chxp.

Enfin, vous pouvez utiliser les paramètres chxs et chxtc pour spécifier la couleur, la taille, l'alignement ainsi que d'autres propriétés des libellés d'axes personnalisés et numériques.

Remarque sur les valeurs de chaîne:Seuls les caractères compatibles avec les URL sont autorisés dans les chaînes de libellés. Pour plus de sécurité, vous devez encoder en URL toutes les chaînes contenant des caractères ne figurant pas dans le jeu de caractères 0-9a-zA-Z. Vous trouverez un encodeur d'URL dans la documentation sur la visualisation Google.

Cette section traite des sujets suivants:


Axes visibles chxt

Par défaut, les graphiques à barres, en courbes, en radar et à nuage de points présentent une ou deux lignes d'axes, mais ces lignes n'incluent pas de valeurs. Pour afficher les valeurs sur les lignes de vos axes ou modifier la liste des axes affichés, vous devez utiliser le paramètre chxt. Par défaut, les valeurs des axes sont comprises entre 0 et 100, sauf si vous les mettez à l'échelle de manière explicite à l'aide de la propriété chxr. Pour masquer toutes les lignes des axes d'un graphique en courbes, indiquez :nda après la valeur du type de graphique dans le paramètre cht (par exemple, cht=lc:nda).

Par défaut, les axes supérieur et inférieur n'affichent pas les graduations en fonction des valeurs, contrairement aux axes de gauche et de droite. Vous pouvez modifier ce comportement à l'aide du paramètre chxs.

Syntaxe

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
Axe à afficher sur le graphique. Les axes disponibles sont les suivants :
  • x - Axe X inférieur
  • t - Axe des abscisses (x) supérieur [Non compatible avec Google-o-Meter]
  • y : axe Y à gauche
  • r : axe Y de droite [Non compatible avec Google-o-Meter]

Vous pouvez spécifier plusieurs axes du même type (par exemple, cht=x,x,y). Deux ensembles d'axes X seront empilés le long du bas du graphique. Cela est utile lorsque vous ajoutez des étiquettes personnalisées le long d'un axe qui affiche des valeurs numériques (voir l'exemple ci-dessous). Les axes sont dessinés de l'intérieur vers l'extérieur. Par conséquent, si vous avez x,x, le premier x fait référence à la copie interne, le x suivant à la copie externe suivante, et ainsi de suite.

 

Exemples

Description Exemple

Cet exemple montre un graphique en courbes avec un axe des x, un axe des y, un axe supérieur (t) et un axe de droite (r).

Comme aucun libellé n'est spécifié, une plage de 0 à 100 est définie par défaut pour tous les axes du graphique.

Notez que, par défaut, les axes supérieur et inférieur n'affichent pas de coches à côté des libellés.

Graphique en courbes avec les libellés 0, 20, 40, 60, 80 et 100 à gauche et à droite, et les libellés 0, 25, 50, 75 et 100 au-dessus et en dessous
chxt=x,y,r,t

Vous pouvez inclure plusieurs ensembles d'étiquettes pour chaque axe en incluant la même valeur plusieurs fois. Cet exemple montre deux ensembles d'axes x et deux ensembles d'axes y. Cela n'est pas particulièrement utile lorsque vous n'utilisez que les libellés d'axe par défaut, comme indiqué ici. Toutefois, vous pouvez spécifier des étiquettes personnalisées pour chaque copie de chaque axe à l'aide du paramètre chxl.

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200x125" />


3


Cet exemple montre un graphique à barres horizontales avec un axe X, un axe Y, un axe T supérieur et un axe R à droite.

Les étiquettes d'axe sont omises. Par conséquent, l'API de graphique affiche une plage de 0 à 100 pour l'axe des x et l'axe des t.

La plage pour l'axe Y et pour l'axe R est déterminée par le nombre de barres. Dans ce cas, il y a cinq barres. L'API de graphique affiche donc une plage de 0 à 4. La première étiquette est centrée à la base de la première barre, la seconde est centrée à la base de la deuxième barre, et ainsi de suite.

Graphique en courbes avec les libellés 0, 20, 40, 60, 80 et 100 à gauche et à droite, et les libellés 0, 25, 50, 75 et 100 au-dessus et en dessous
chxt=x,y,r,t

Vous pouvez supprimer les axes par défaut d'un graphique en courbes en spécifiant :nda après le type de graphique. Graphique en courbes avec axes masqués
cht=lc:nda

Haut de page

Plage d'axe chxr

Vous pouvez spécifier la plage de valeurs qui s'affichent indépendamment sur chaque axe à l'aide du paramètre chxr. Notez que cela ne modifie pas l'échelle des éléments du graphique, mais uniquement l'échelle des libellés des axes. Si vous souhaitez que les numéros d'axe décrivent les valeurs réelles des données, définissez <start_val> et <end_val> sur les valeurs inférieure et supérieure de la plage de format de données. Pour en savoir plus, consultez la page Mise à l'échelle de l'axe.

Vous devez rendre un axe visible à l'aide du paramètre chxt si vous souhaitez spécifier sa plage.

Pour spécifier des valeurs d'axe personnalisées, utilisez le paramètre chxl.

Syntaxe

Séparez les plages de libellés sur plusieurs axes à l'aide d'une barre verticale ( |).

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<axis_index>
L'axe auquel appliquer les libellés. Il s'agit d'un index basé sur zéro dans le tableau d'axes spécifié par chxt. Par exemple, l'axe R est égal à 1 dans chxt=x,r,y.
<start_val>
Nombre définissant la valeur la plus faible de cet axe.
<end_val>
Nombre définissant la valeur élevée de cet axe.
<opt_step>
[Facultatif] Pas de décompte entre les graduations de l'axe. Il n'existe pas de valeur d'intervalle par défaut. Le pas est calculé pour essayer d'afficher un ensemble d'étiquettes bien espacées.

 

Exemples

Description Exemple

Cet exemple montre des axes Y à gauche et à droite (y et r) et un axe X (x).

Chaque axe a une plage définie. Comme aucun libellé ni aucune position n'est spécifié, les valeurs sont extraites de la plage donnée et espacées uniformément dans cette plage. Dans le graphique en courbes, les valeurs sont réparties uniformément le long de l'axe des x.

La direction de l'axe est inversée pour l'axe des r (indice 2), car la première valeur (1000) est supérieure à la dernière valeur (0).


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

Dans cet exemple, les valeurs sont spécifiées pour l'axe des x.

Les étiquettes de l'axe sont espacées uniformément le long de l'axe. Une valeur de cinq (5) est spécifiée pour le paramètre <opt_step>.

Graphique à barres avec 200, 300 et 400 sur l&#39;axe des abscisses chxt=x
chxr=0,10,50,5

Haut de page

Étiquettes d'axe personnalisées chxl

Vous pouvez spécifier des libellés personnalisés pour l'axe de chaîne sur n'importe quel axe à l'aide du paramètre chxl. Vous pouvez spécifier autant de libellés que vous le souhaitez. Si vous affichez un axe (à l'aide du paramètre chxt) sans spécifier d'étiquettes personnalisées, les étiquettes numériques standards seront appliquées. Pour spécifier une plage numérique personnalisée, utilisez plutôt le paramètre chxr.

Pour définir des emplacements spécifiques sur l'axe pour vos libellés, utilisez le paramètre chxp.

Syntaxe

Spécifiez un jeu de paramètres pour chaque axe auquel vous souhaitez ajouter un libellé. Séparez plusieurs ensembles d'étiquettes à l'aide d'une barre verticale (|).

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<axis_index>
L'axe auquel appliquer les libellés. Il s'agit d'un index du tableau de paramètres chxt. Par exemple, si vous avez chxt=x,x,y,y, l'index 0 représente le premier axe des abscisses, et 1 le deuxième.
<label_1>| ... |<<label_1>>
Une ou plusieurs étiquettes à placer le long de cet axe. Il peut s'agir de valeurs de chaîne ou de nombres. Les chaînes ne doivent pas nécessairement être entre guillemets. label_1 s'affiche à la position la plus basse sur l'axe et label_n à la position la plus élevée. Les étiquettes supplémentaires sont espacées uniformément entre elles. Les espaces sont signalés par un signe +. Il n'est pas possible de spécifier un saut de ligne dans un libellé. Séparez les libellés par une barre verticale. Remarque : Ne placez pas de barre verticale après le libellé final dans le paramètre chxl.

 

Exemples

Description Exemple

Ce graphique montre comment ajouter des étiquettes personnalisées à deux axes. Notez que les valeurs sont espacées uniformément et que la dernière valeur chxl ne se termine pas par une barre verticale.

Graphique en courbes avec 0 et 100 à gauche, A, B et C à droite, janvier, juillet, janvier, juillet et janvier sur l&#39;axe des x et 2005, 2006 et 2007 en dessous
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

Cet exemple inclut les libellés des axes sur les axes Y de gauche et de droite (y et r). Il comprend également deux ensembles de valeurs pour l'axe x (x). Vous pouvez ajouter des coches sur l'axe Y à l'aide de chxs.

Graphique en courbes avec 0 et 100 à gauche, A, B et C à droite, janvier, juillet, janvier, juillet et janvier sur l&#39;axe des x et 2005, 2006 et 2007 en dessous
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

Cet exemple inclut les libellés d'axe sur les axes Y de gauche et de droite (y et r). Il comprend également deux ensembles de valeurs pour l'axe X (x). Notez les étiquettes vides pour l'ensemble d'axes X inférieur, utilisées pour espacer les valeurs.

Cet exemple utilise des valeurs par défaut pour les libellés de l'axe sur l'axe Y de gauche.

Graphique à barres avec 0 et 100 à gauche, A, B et C à droite, janvier, juillet, janvier, juillet et janvier sur l&#39;axe des x et 2005, 2006 et 2007 en dessous
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

Si vous souhaitez ajouter une étiquette générique pour décrire un axe entier (par exemple, pour étiqueter un axe "coût" et un autre "étudiant"), utilisez la propriété chxt pour ajouter un axe supplémentaire de chaque côté, puis utilisez chxl pour ajouter une étiquette personnalisée de chaque côté et chxp pour l'espacer au milieu de l'axe.


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

Haut de page

Positions des libellés d'axe chxp

Vous pouvez spécifier les étiquettes d'axe à afficher, que vous utilisiez les étiquettes par défaut ou les étiquettes personnalisées spécifiées avec chxl. Si vous ne spécifiez pas de positions exactes à l'aide de ce paramètre, les étiquettes seront espacées uniformément et selon une valeur de pas par défaut le long des axes. Si vous ne spécifiez pas chxl, les étiquettes des coches correspondront aux valeurs par défaut (généralement des valeurs de données ou les numéros de barres dans les graphiques à barres).

Syntaxe

Séparez les différents ensembles de positionnement à l'aide d'une barre verticale (|).

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<axis_index>
Axe pour lequel vous spécifiez des positions. Il s'agit d'un index du tableau de paramètres chxt. Par exemple, si vous avez chxt=x,x,y,y, l'index 0 représente le premier axe des x, 1 le deuxième, et ainsi de suite.
<label_1_position>,...,<label_n_position>
: position du libellé le long de l'axe. Il s'agit d'une liste de valeurs numériques séparées par une virgule, où chaque valeur définit la position de l'étiquette correspondante dans le tableau chxl : la première entrée s'applique à la première étiquette, et ainsi de suite. La position est une valeur comprise dans la plage de cet axe. Notez que cette valeur est toujours comprise entre 0 et 100, sauf si vous avez spécifié une plage personnalisée à l'aide de chxr. Vous devez avoir autant de positions que d'étiquettes pour cet axe.

 

Exemples

Description Exemple

Cet exemple inclut les étiquettes de l'axe R aux positions spécifiées du graphique. Le texte du libellé est spécifié à l'aide du paramètre chxl.

Les étiquettes dont la position spécifiée est 0 sont placées en bas de l'axe Y ou R, ou à gauche de l'axe X ou T.

Les étiquettes dont la position spécifiée est 100 sont placées en haut de l'axe Y ou R, ou à droite de l'axe X ou T.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

Cet exemple montre comment afficher les valeurs de libellé par défaut, mais uniquement aux emplacements spécifiés.

chxp=1,10,35,75 : l'axe des y ne doit afficher que trois étiquettes : 10, 35 et 75. Comme aucun texte d'étiquette personnalisée n'est spécifié, ces valeurs d'axe sont affichées. Notez que vous n'avez pas besoin d'espacer les étiquettes de manière uniforme lorsque vous utilisez chxp. Si chxp n'a pas été spécifié ici, la distance de la valeur de libellé par défaut sur l'axe des ordonnées serait toutes les 20 unités, comme illustré dans le deuxième graphique.

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

Graphique en courbes avec positions des axes par défaut
chxt=x,y
chxp non spécifié

Haut de page

Styles des libellés d'axe chxs

Vous pouvez spécifier la taille de la police, la couleur et l'alignement des libellés d'axe (étiquettes personnalisées et valeurs de libellé par défaut). Toutes les étiquettes sur le même axe ont le même format. Si vous avez plusieurs copies d'un axe, vous pouvez formater chacune différemment. Vous pouvez également spécifier le format d'une chaîne de libellé, par exemple pour afficher des symboles monétaires ou des zéros à la fin.

Par défaut, les axes supérieur et inférieur n'affichent pas les graduations en fonction des valeurs, contrairement aux axes de gauche et de droite.

Syntaxe

Les valeurs correspondant à plusieurs axes doivent être séparées par une barre verticale (|).

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
Axe sur lequel cela s'applique. Il s'agit d'un index basé sur zéro dans le paramètre chxt.
<opt_format_string>
[Facultatif] Il s'agit d'une chaîne de format facultative qui, si elle est utilisée, suit immédiatement le numéro d'index de l'axe, sans virgule. Il commence par une lettre littérale N suivie des valeurs suivantes (toutes facultatives) : La syntaxe de la chaîne de mise en forme est la suivante:
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
Voici la signification de chaque élément :
  • <preceding_text> : texte littéral devant chaque valeur.
  • *...* : bloc facultatif encapsulé d'astérisques littéraux, dans lequel vous pouvez spécifier des détails de mise en forme pour les nombres. Les valeurs suivantes sont acceptées et sont toutes facultatives :
    • <number_type> : format numérique, pour les valeurs numériques. Choisissez l'une des options suivantes :
      • f [Par défaut] : format à virgule flottante. Pensez également à spécifier la précision avec la valeur <decimal_places>.
      • p : format en pourcentage. Un signe % est ajouté automatiquement. Remarque:Lorsque vous utilisez ce format, les valeurs de données comprises entre 0,0 et 1,0 correspondent à 0 à 100 % (par exemple, 0,43 correspond à 43%).
      • e : format de notation scientifique.
      • c<CUR> : formate le nombre dans la devise spécifiée, avec le repère de devise approprié. Remplacez <CUR> par un code de devise à trois lettres. Exemple: cEUR pour les euros. La liste des codes est disponible sur le site Web de l'ISO. Tous les symboles ne sont cependant pas acceptés.
    • <decimal_places> : entier spécifiant le nombre de chiffres après la virgule à afficher. La valeur est arrondie (non tronquée) à cette longueur. La valeur par défaut est 2.
    • z : affiche les zéros à la fin. La valeur par défaut est "no" (non).
    • s : affiche les séparateurs de groupes. La valeur par défaut est "no" (non).
    • x ou y : affiche les données à partir de la coordonnée x ou y, comme spécifié. La signification des données x varie selon le type de graphique: testez votre graphique pour déterminer sa signification. La valeur par défaut est "y".
  • <following_text> : texte littéral à suivre chaque valeur.
<opt_label_color>
Couleur à appliquer au texte de l'axe (mais pas à la ligne de l'axe), au format hexadécimal RRVVBB. La couleur de la ligne de l'axe est spécifiée séparément à l'aide de opt_axis_color. Gris par défaut.
<opt_font_size>
[Facultatif] spécifie la taille de la police en pixels. Ce paramètre est facultatif.
<opt_alignment>
[Facultatif] Alignement du libellé. Pour les axes supérieur ou inférieur, cette valeur décrit l'alignement de l'étiquette sur le coche situé au-dessus ou en dessous. Pour les axes gauche ou droit, elle décrit l'alignement dans le cadre de délimitation, qui touche l'axe. Spécifiez l'un des numéros suivants :
  • -1 - Haut ou bas: les étiquettes se trouvent à droite des graduations ; Gauche ou droite: les étiquettes sont alignées à gauche dans leur zone. Valeur par défaut pour les étiquettes de l'axe R.
  • 0 - Haut ou bas: les libellés sont centrés sur les graduations ; Gauche ou droite: les libellés sont centrés dans leur zone. Valeur par défaut pour les étiquettes des axes x et t.
  • 1 - Haut ou bas: les étiquettes se trouvent à gauche des graduations ; Gauche ou droite: les étiquettes sont alignées à droite dans leur zone. Valeur par défaut pour les étiquettes de l'axe des y.
<opt_axis_or_tick>
[Optional; not supported in Google-o-meter] Indique si les coches et/ou les lignes des axes de cet axe doivent être affichées. Les coches et les lignes des axes ne sont disponibles que pour les axes les plus internes (par exemple, ils ne sont pas compatibles avec l'extérieur de deux axes X). Utilisez l'une des valeurs suivantes :
  • l (L minuscule) : trace uniquement la ligne de l'axe.
  • t - Permet de dessiner uniquement des coches. Les coches sont les petites lignes situées à côté des libellés des axes.
  • lt - [Par défaut] Dessine une ligne d'axe et des coches pour toutes les étiquettes.
  • _ : (trait de soulignement) ne trace aucune ligne d'axe ni graduation. Si vous souhaitez masquer une ligne d'axe, utilisez cette valeur.
<tick_color>
[Facultatif ; non compatible avec Google-o-meter] Couleur des coches, au format hexadécimal RRVVBB. Gris par défaut.
<opt_axis_color>
[Facultatif] Couleur de cet axe, au format hexadécimal RRVVBB. Gris par défaut.

 

Exemples

Description Exemple

La taille et la couleur de la police sont spécifiées pour le deuxième axe des abscisses (jan., février, mars).

Graphique en courbes avec les valeurs minimale, moyenne et maximale sur la gauche, 0, 1, 2, 3 et 4 sur la droite, de 0 à 100 le long de l&#39;axe X, et janvier, février et mars en bleu ci-dessous

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

La taille de la police, la couleur et l'alignement sont spécifiés pour l'axe y de droite. Les coches sont tracées, mais pas de ligne d'axe.

Graphique en courbes avec 0 à 100 le long de l&#39;axe des x, janvier, février et mars en dessous, 0 à 4 sur l&#39;axe des y, et coches rouges avec texte bleu pour min, moyenne et max à droite.

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

Ce graphique comprend trois ensembles de données et montre trois ensembles d'étiquettes d'axes, un par série. Chaque ensemble d'étiquettes est mis en forme à l'aide d'une chaîne de mise en forme personnalisée, comme décrit ci-dessous:

  • 0N*e,000000|
    • 0 désigne la première série de données
    • N correspond à une chaîne de mise en forme
    • * correspond au début des spécificateurs de format.
    • e : notation scientifique
    • * correspond à la fin des spécificateurs de format.
    • 000000 signifie texte noir.
  • 1N*cUSD*Mil,FF0000|
    • 1 signifie la deuxième série
    • N correspond à une chaîne de mise en forme
    • * correspond au début des spécificateurs de format.
    • c correspond à un repère de devise.
    • USD spécifie le dollar américain comme repère de devise à utiliser.
    • * signifie la fin des spécificateurs de format.
    • Mil est un littéral suivant une chaîne ;
    • FF0000 signifie texte en rouge.
  • 2N*sz2*,0000FF
    • 2 désigne la troisième série
    • N signifie une chaîne de mise en forme
    • * correspond au début des spécificateurs de format.
    • s signifie afficher les spécificateurs de regroupement (dans les paramètres régionaux de l'anglais américain, c'est-à-dire une virgule tous les trois zéros).
    • z2 signifie afficher deux zéros à la fin.
    • 0000FF signifie texte en bleu.

Les plages des libellés des axes sont définies à l'aide du paramètre chxr (axis_index, start, end, step). Si cette règle n'est pas configurée, la valeur par défaut est comprise entre 0 et 100.


chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

Haut de page

Styles de coche de l'axe chxtc

Vous pouvez spécifier des graduations longues pour des axes spécifiques. Généralement, cette option est utilisée pour étendre une coche sur toute la longueur d'un graphique. Utilisez le paramètre chxs pour modifier la couleur des graduations.

Les valeurs correspondant à plusieurs axes doivent être séparées par une barre verticale (|). Les valeurs d'une série doivent être séparées par une virgule.

Syntaxe

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
Axe sur lequel cela s'applique. Il s'agit d'un index basé sur zéro dans le paramètre chxt. Séparez les valeurs des différents axes à l'aide d'un délimiteur à barres.
<tick_length_1>,...,<tick_length_n>
Longueur des graduations sur cet axe, en pixels. Si une seule valeur est donnée, elle s'appliquera à toutes les valeurs. Si plusieurs valeurs sont indiquées, les coches des axes parcourent la liste des valeurs pour cet axe. Les valeurs positives sont dessinées en dehors de la zone du graphique et recadrées par ses bordures. La valeur positive maximale est 25. Les valeurs négatives sont dessinées à l'intérieur de la zone de graphique et recadrées selon les bordures de cette zone.

 

Exemples

Description Exemple

Exemple d'utilisation de chxtc pour créer de longues coches rouges La longueur de la coche dépasse la largeur de la zone du graphique, mais elle est recadrée pour s'adapter au graphique.

  • chxt=x,y,r,x : affiche un axe de gauche, un axe de droite et deux axes inférieurs.
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar : texte du libellé attribué aux axes X externes et à droite.
  • chxp=2,10,35,95 : positions des étiquettes personnalisées le long de l'axe des r (index=2) pour les trois étiquettes.
  • chxs=2,0000dd,13,-1,t,FF0000: styles de libellés d'axe de l'axe R (couleur et taille du texte, alignés à gauche, avec des coches rouges).
  • chxtc=1,10|2,-180 : longueur des graduations des axes Y et R. La première valeur spécifie des graduations de 10 pixels de long, en dehors de l'axe. La deuxième valeur spécifie des graduations de 180 pixels de long à l'intérieur de l'axe. Le nombre négatif signifie que le graduation entre dans l'axe et qu'elle est recadrée pour tenir dans le graphique.

Graphique en courbes avec 0 à 100 le long de l&#39;axe des x, janvier, février, mars en dessous, 0 à 4 sur l&#39;axe des y, et de longues coches rouges avec du texte bleu pour min, moyenne et max à droite.

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

Ce graphique illustre l'alternance de la longueur des graduations. chxtc spécifie deux valeurs de longueur de graduation pour l'axe des y (5 et 15), et les graduations dessinées sur le graphique alternent entre les deux valeurs.
chxt=x,y
chxtc=
  1,5,15

Haut de page

Styles de ligne chls [Ligne, Radar]

Vous pouvez spécifier l'épaisseur de ligne et le style uni/traits avec le paramètre chls. Ce paramètre ne peut être utilisé que pour appliquer un style aux lignes des graphiques en courbes ou en radar. Il ne permet pas de styliser la ligne d'un graphique composé, sauf si le type de base de ce dernier est un graphique en courbes.

Syntaxe

Séparez les différents styles de ligne par une barre verticale ( |). Le premier style s'applique à la première ligne, la deuxième à la suivante, et ainsi de suite. Si vous avez moins de styles que de lignes, le style par défaut est appliqué à toutes les lignes non spécifiées.

chls=
  <line_1_thickness>,<opt_dash_length>,<opt_space_length>
    |...|
  <line_n_thickness>,<opt_dash_length>,<opt_space_length>
<line_1_thickness>
Épaisseur de la ligne, en pixels.
<opt_dash_length>, <opt_space_length>
[Facultatif] Permet de définir des lignes en pointillés dans la grille. Le premier paramètre correspond à la longueur en pixels de chaque tiret. Le deuxième paramètre correspond à l'espacement entre les tirets, en pixels. Pour une ligne continue, ne spécifiez aucune valeur. Si vous ne spécifiez que <opt_dash_length>, <opt_space_length> est défini sur <opt_dash_length>. La valeur par défaut est de 1,0 (une ligne continue).

 

Exemples

Description Exemple

Ici, la ligne en pointillés est spécifiée par 3,6,3, et la ligne continue plus épaisse est spécifiée par 5.

Graphique en courbes avec une ligne continue et une ligne en pointillés
chls=3,6,3|5

Haut de page

Remplissage de l'arrière-plan chf [Tous les graphiques]

Vous pouvez spécifier des couleurs et des styles de remplissage pour la zone de données du graphique et/ou pour l'ensemble de l'arrière-plan du graphique. Les types de remplissage incluent les remplissages unis, les remplissages à rayures et les dégradés. Vous pouvez spécifier différents remplissages pour différentes zones (par exemple, l'ensemble de la zone du graphique ou uniquement la zone de données). Le remplissage de la zone de graphique écrase le remplissage de l'arrière-plan. Tous les remplissages sont spécifiés à l'aide du paramètre chf. Vous pouvez combiner différents types de remplissage (pleins, bandes, dégradés) dans le même graphique en séparant les valeurs par une barre verticale ( | ). Les remplissages des zones de graphique remplacent les remplissages de l'arrière-plan du graphique.

Remplissage continu chf [Tous les graphiques]

Vous pouvez spécifier un remplissage plein pour l'arrière-plan et/ou la zone de graphique, ou attribuer une valeur de transparence à l'ensemble du graphique. Vous pouvez spécifier plusieurs remplissages à l'aide de la barre verticale (|) (Maps: arrière-plan uniquement).

Syntaxe

chf=<fill_type>,s,<color>|...
<fill_type>
Partie du graphique remplie. Spécifiez l'une des valeurs suivantes :
  • bg – Remplissage de l'arrière-plan
  • c : remplissage des zones de graphique. Non compatible avec les graphiques à carte.
  • a : permet de rendre l'ensemble du graphique (arrière-plans compris) transparent. Les six premiers chiffres de <color> sont ignorés, et seuls les deux derniers (la valeur de transparence) sont appliqués à l'ensemble du graphique et à tous les remplissages.
  • b<index> : remplissages pleins de barres (graphiques à barres uniquement). Remplacez <index> par l'index de série des barres à remplir avec une couleur unie. L'effet est semblable à la spécification de chco dans un graphique à barres. Pour obtenir un exemple, consultez la section Couleurs de série du graphique à barres.
s
Indique un remplissage plein ou transparent.
<color>
Couleur de remplissage, au format hexadécimal RRVVBB. Pour les transparences, les six premiers chiffres sont ignorés, mais doivent quand même être inclus.

 

Exemples

Description Exemple

Cet exemple remplit l'arrière-plan du graphique en gris pâle (EFEFEF).

Graphique en courbes rouges avec remplissage des zones noires

chf=bg,s,EFEFEF

Cet exemple remplit l'arrière-plan du graphique en gris pâle (EFEFEF) et remplit la zone du graphique en noir (000000).

Graphique en courbes rouges avec une zone noire sur fond gris pâle.

chf=c,s,000000|
bg,s,EFEFEF

Cet exemple applique une transparence de 50% à l'ensemble du graphique (80 au format hexadécimal équivaut à 128, soit une transparence d'environ 50 %). Notez l'arrière-plan des cellules du tableau affiché à travers le graphique.

Graphique à nuage de points avec des points en bleu et une transparence de 50 %.

chf=a,s,00000080

Haut de page

Remplissage du dégradé chf [Ligne, Barre, Google-o-meter, Radar, Graphique à nuage de points,Venn]

Vous pouvez appliquer un ou plusieurs remplissages en dégradé aux zones du graphique ou aux arrière-plans. Les remplissages de dégradé sont des fondus d'une couleur à une autre. (Graphiques à secteurs, Google o-Meter: arrière-plan uniquement.)

Chaque remplissage en dégradé spécifie un angle, puis deux ou plusieurs couleurs ancrées à un emplacement spécifié. La couleur varie selon qu'elle se déplace d'une ancre à l'autre. Vous devez avoir au moins deux couleurs avec des valeurs <color_centerpoint> différentes pour que l'une puisse passer en fondu à l'autre. Chaque dégradé supplémentaire est spécifié par une paire <color>,<color_centerpoint>.

Syntaxe

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
Zone de graphique à remplir. Choisissez l'une des options suivantes :
  • bg – Remplissage de l'arrière-plan
  • c : remplissage des zones de graphique.
  • b<index> : remplissages du dégradé à barres (graphiques à barres uniquement). Remplacez <index> par l'index de série des barres à remplir avec un dégradé. Pour obtenir un exemple, consultez la section Couleurs de série du graphique à barres.
lg
Spécifie un remplissage en dégradé.
<angle>
Nombre indiquant l'angle du dégradé de 0 (horizontal) à 90 (vertical).
<color>
Couleur de remplissage, au format hexadécimal RRVVBB.
<color_centerpoint>
Spécifie le point d'ancrage de la couleur. La couleur commence à s'estomper à partir de ce point lorsqu'elle s'approche d'une autre ancre. La plage de valeurs va de 0,0 (bord inférieur ou gauche) à 1,0 (bord supérieur ou droit), inclinée selon l'angle spécifié par <angle>.

 

Exemples

Description Exemple

La zone du graphique présente un dégradé linéaire horizontal, spécifié avec un angle de zéro degré (0).

Les couleurs sont pêche (FFE7C6), centrée sur le côté gauche (position 0.0) et bleu (76A4FB) centré sur le côté droit (position 1.0).

L'arrière-plan du graphique est grisé (EFEFEF).

Graphique en courbes gris foncé avec fond gris pâle et zone de graphique avec un dégradé linéaire du blanc au bleu de gauche à droite

chf=
  c,lg,0,
  FFE7C6,0,
(pêche)
  76A4FB,1
(bleu)

La zone du graphique présente un dégradé linéaire en diagonale (de l'angle inférieur gauche vers l'angle supérieur droit), spécifié avec un angle de quarante-cinq degrés (45).

Peach (FFE7C6) est la première couleur spécifiée. En bas à gauche du graphique, la pêche est pure.

Le bleu (6A4FB) est la deuxième couleur spécifiée. L'angle supérieur droit du graphique est bleu pur. Notez que nous spécifions un décalage de 0, 75 pour créer un pic bleu qui s'estompe vers l'angle supérieur droit.

L'arrière-plan du graphique est grisé (EFEFEF).

Graphique en courbes gris foncé avec arrière-plan gris pâle et zone de graphique avec un dégradé linéaire diagonal blanc à bleu de bas en haut à droite

chf=
  c,lg,45,
  FFE7C6,0,
(pêche)
  76A4FB,0.75
(bleu)

La zone du graphique présente un dégradé linéaire vertical (de haut en bas), spécifié avec un angle de 90 degrés (90).

Le bleu (76A4FB) est la première couleur spécifiée. Le haut du graphique est bleu pur.

Peach (FFE7C6) est la deuxième couleur spécifiée. Le bas du graphique correspond à la pêche pure.

L'arrière-plan du graphique est grisé (EFEFEF).

Graphique en courbes gris foncé avec fond gris pâle et zone de graphique avec un dégradé linéaire vertical blanc à bleu de bas en haut

chf=
  c,lg,90,
  FFE7C6,0,
(pêche)
  76A4FB,0.5
(bleu)

Haut de page

 

La ligne rayée remplit chf [Ligne, Barre, Google-o-Meter, Radar, Nuage de points, Venn]

Vous pouvez définir un remplissage rayé en arrière-plan pour la zone de graphique ou pour l'ensemble du graphique. (Graphiques à secteurs et Google o-Meter : arrière-plan uniquement.)

Syntaxe

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
Zone de graphique à remplir. Choisissez l'une des options suivantes :
  • bg – Remplissage de l'arrière-plan
  • c - Remplissage de la zone de graphique
  • b<index> : remplissages rayés de barres (graphiques à barres uniquement). Remplacez <index> par l'index de série des barres à remplir avec des bandes. Pour obtenir un exemple, consultez la section Couleurs de série des graphiques à barres.
ls
Spécifie le remplissage des bandes linéaires.
<angle>
Angle de toutes les bandes par rapport à l'axe Y. Utilisez 0 pour les bandes verticales ou 90 pour les bandes horizontales.
<color>
Couleur de cette bande, au format hexadécimal RRVVBB. Répétez <color> et <width> pour chaque bande supplémentaire. Vous devez avoir au moins deux bandes. Les bandes alternent jusqu'à ce que le graphique soit rempli.
<width>
Largeur de cette bande, de 0 à 1, où 1 correspond à la largeur totale du graphique. Les rayures sont répétées jusqu'à ce que le graphique soit rempli. Répétez <color> et <width> pour chaque bande supplémentaire. Vous devez avoir au moins deux bandes. Les bandes alternent jusqu'à ce que le graphique soit rempli.

 

Exemples

Description Exemple
  • bg,ls,0 : remplissage de bandes d'arrière-plan avec des bandes à un angle de zéro degré par rapport à l'axe Y (parallèle à l'axe Y). Les rayures remplissent l'arrière-plan du graphique ainsi que la zone de tracé.
  • CCCCCC,0.15 : la première bande est gris foncé, 15% plus large que le graphique.
  • FFFFFF,0.1 : la deuxième bande est blanche et 10% plus large que le graphique.
Graphique en courbes bleues avec des rayures grises et blanches alternant de gauche à droite
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 : zone de graphique avec des bandes horizontales à un angle de 90 degrés par rapport à l'axe Y. Les rayures remplissent la zone de traçage, mais l'arrière-plan du graphique est omis.
  • 999999,0.25 : la première bande est gris foncé, 25% plus large que le graphique.
  • CCCCCC,0.25 : identique à la première bande, mais un gris plus clair.
  • FFFFFF,0.25 : identique à la première bande, mais blanche.
Graphique en courbes bleues avec des rayures gris foncé, gris pâle, blancs et gris foncé de bas en haut
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

Haut de page