EN

Étiquettes des graphiques

Les graphiques incluent un titre, un sous-titre, des axes et une légende.

Voir les règles de style de la Banque (ressource en anglais et accessible au personnel de la Banque seulement) pour des directives de rédaction. À noter que les pratiques peuvent être différentes en français. Les règles s’appliquent également aux étiquettes suivantes :

  • nota
  • sources
  • dernières observations
Le survol du graphique avec la souris affiche des données plus précises. Les unités ne sont pas incluses dans ces éléments puisqu’elles sont indiquées avec les axes.

Titre

  • Décrire le récit du graphique avec un titre concis et clair.
  • Formuler une phrase complète pour faciliter la lecture.

Typographie

  • Texte en gras
  • La police de 14 points est la taille de caractères par défaut pour les graphiques ordinaires.
  • La police de 18 points est la taille de caractères utilisée pour les graphiques pleine largeur.

Sous-titre

  • Utiliser un sous-titre concis et clair pour mettre le titre en contexte.
  • Formuler une phrase complète pour faciliter la lecture.

Typographie

  • Texte normal
  • La police de 12 points est la taille de caractères par défaut pour les graphiques ordinaires.
  • La police de 14 points est la taille de caractères utilisée pour les graphiques pleine largeur.

Axes

  • Identifier les axes avec des étiquettes claires et concises.
  • Placer les étiquettes à l’extérieur de la zone de données du graphique.
  • Centrer les étiquettes de texte.
  • Inclure les unités ($ ou %) avec chaque chiffre de l’axe plutôt que sur l’axe lui-même (en français, le symbole est placé après le chiffre et séparé par une espace insécable).

Légende

  • Sauf si le graphique présente une seule valeur, inclure une légende.
  • Utiliser des étiquettes claires et concises.

Exemple : taille par défaut


                    [amcharts 
  id="serial"
  data-type="time"
  data-series0="FXEURCAD"
  data-series0label="Nom de la légende"
  data-chartTitle="Titre"
  data-subtitle="Sous-titre"
  data-rightAxisTitle="Titre de l’échelle de droite"
  data-height=350
]
                
<div id="amchart1" style="width:100%;min-height:350px;page-break-inside:avoid;height:350px;"> <![if (!IE)|(gte IE 9)]><noscript><![endif]><div class="alert alert-warning"><p class="lead">A modern browser with javascript enabled is required to view our charts.</p><p>Alternatively, the data is available for download in:</p><ul><li><a href='https://www.banqueducanada.ca/valet/observations/FXEURCAD/xml' class='ga-event' data-ga-category='Valet' data-ga-action='observations/FXEURCAD/xml'>XML</a></li><li><a href='https://www.banqueducanada.ca/valet/observations/FXEURCAD/json' class='ga-event' data-ga-category='Valet' data-ga-action='observations/FXEURCAD/json'>JSON</a></li><li><a href='https://www.banqueducanada.ca/valet/observations/FXEURCAD/csv' class='ga-event' data-ga-category='Valet' data-ga-action='observations/FXEURCAD/csv'>CSV</a></li></ul></div><![if (!IE)|(gte IE 9)]></noscript><![endif]></div>
<div id="amchart1-legend" class="amChartsLegend amchart-legend-div" style="overflow: hidden; position: relative; text-align: left;"></div>

Exemple : pleine largeur


                    [amcharts
  id="serial"
  data-type="time"
  data-series0="FXUSDCAD"
  data-series0label="Nom de la légende"
  data-titleStyle="big"
  data-chartTitle="Titre"
  data-subtitle="Sous-titre"
  data-categoryscrollbar=true
  data-datezoom=1Y
  data-rightAxisTitle="Titre de l’échelle de droite"
  data-height=350
]