Graphiques à barres verticales et horizontales

Les graphiques à barres servent à comparer des catégories ou des valeurs précises.

Le survol du graphique avec la souris affiche des données plus précises.

Pratiques exemplaires

  • Ces graphiques sont mieux adaptés aux petits nombres de séries de données.
    Pour un plus grand nombre de comparaisons, opter plutôt pour plusieurs graphiques.
  • Utiliser des graphiques à barres empilés pour illustrer les parties d’un groupe.
  • Utiliser un guide pour regrouper des éléments de données ou séparer les graphiques de chaque groupe de données.

Exemple 1

Code simplifié


                [amcharts
  id="serial"
  data-type="text"
  data-group="FSS_2018FALL_C7"
  data-charttitle="Titre"
  data-subtitle="Sous-titre"
  data-earlycallback="BAR_EARLYCALLBACK"
  data-callback="BAR_CALLBACK"
  data-height=450

  data-guide0start="Catégorie 1"
  data-guide0end="Catégorie 2"
  data-guide0label="Catégorie 3"
  data-guide0labelwidth=10
  data-guide0labelshiftx=-10
  data-guide0labelshifty=10

  data-guide1start="Catégorie 4"
  data-guide1end="Catégorie 5"
  data-guide1label="Catégorie 6"
  data-guide1labelwidth=5
  data-guide1labelshiftx=-10
  data-guide1labelshifty=10
]
            

Exemple 2

Code simplifié


                [amcharts
  id="serial"
  data-type="text"
  data-group="FSS_2018FALL_C6"
  data-chartTitle="Titre"
  data-subTitle=""
  data-rightAxisUnit="%"
  data-earlyCallback="ECB_COLUMN"
]
            

Exemple 3

Code simplifié


                [amcharts
  id="serial"
  data-type="text"
  data-charttitle="Title"
  data-subtitle="Subtitle"
  data-group="FSS_2018FALL_C3"
  data-earlycallback="FSS_2018FALL_C3_EARLYCALLBACK"
  data-callback="FSS_2018FALL_C3_CALLBACK"
  data-height=650
  data-printheight=600

  data-guide0start="Cyber attacks"
  data-guide0end="Terrorism, fraud or natural disaster"

  data-guide1start="Deterioration in the global economic outlook"
  data-guide1end="Disruption of international trade or trade disputes"

  data-guide2start="Reduction in market liquidity"
  data-guide2end="Disruption/failure of key market participants"

  data-series0axis="left"
  data-series1axis="left"
]
            

Exemple 4

Code simplifié


                [amcharts
  id="serial"
  data-type="text"
  data-group="SAN_LEBO20180425_F1B"
  data-charttitle="Title"
  data-rightaxistitle="$ millions"
  data-rightAxisStackType="regular"
  data-series1color=0
  data-series1pattern="diagonal"
  data-series2color=1
  data-series3color=1
  data-series3pattern="diagonal"
  data-series4color=2
  data-series5color=2
  data-series5pattern="diagonal"

  data-series0label="Cash"
  data-series1label="Cash sold"
  data-series2label="Government bonds"
  data-series3label="Government bonds sold"
  data-series4label="Corporate bonds"
  data-series5label="Corporate bonds sold"

  data-earlycallback="ECB_Remove_category_labels"
]