Graphique combiné

Le graphique combiné sert à comparer une valeur entre plusieurs séries sur un même axe ou à comparer une valeur à plusieurs séries au fil du temps.

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

Pratiques exemplaires

  • Utiliser un maximum de 10 séries de données par graphique.
    • Plus il y a de séries, plus le graphique est difficile à lire.
  • Pour cibler un point dans le temps, ajouter une bande ou un guide.

Exemple 1

Code simplifié


                [amcharts
  id="serial"
  data-datasource="/wp-content/uploads/2019/03/mixed_chart_sample_data.txt"
  data-postprocessor="blankPostProcessor"

  data-printheight="450"
  data-series0label="Série 1"
  data-series1label="Série 2"
  data-series2label="Série 3"
  data-series3label="Série 4"
  data-series4label="Série 5"
  data-series5label="Série 6"
  data-rightAxisUnit="%"
  data-chartUnit="%"
  data-charttitle="Titre"
  data-subtitle="Sous-titre"

  data-rightAxisStackType="regular"
  data-series0type="column"
  data-series1type="column"
  data-series2type="column"
  data-series3type="column"
  data-series4type="column"
  data-series5color="#222222"
  data-series5type="scatter"
  data-period="quarter"
  data-earlyCallback="ECB_NE"
]
            

Exemple 2

Code simplifié


                [amcharts
  id="serial"
  data-datasource="/wp-content/uploads/2019/03/mixed_chart_sample_data_2.txt"
  data-postprocessor="blankPostProcessor"

  data-series0label="Série 1"
  data-series1label="Série 2"
  data-series2label="Série 3"
  data-series3label="Série  4"
  data-series4label="Série  5"
  data-series5label="Série 6"
  data-series6label="Série 7 (l’échelle de gauche)"

  data-rightAxisUnit="%"
  data-leftAxisUnit="%"
  data-chartUnit="%"
  data-charttitle="Titre"
  data-subtitle="Sous-titre"

  data-rightAxisStackType="regular"
  data-series0type="column"
  data-series1type="column"
  data-series2type="column"
  data-series3type="column"
  data-series4type="column"
  data-series5color="#222222"
  data-series5type="scatter"
  data-series6type="line"
  data-series6axis="left"
  data-period="quarter"
  data-earlyCallback="ECB_NE"
]
            

Exemple 3

Code simplifié


                [amcharts
  id="serial"
  data-type="text"
  data-group="SAN_BILO20181003_C6"
  data-charttitle="Titre"
  data-subtitle="Sous-titre"

  data-series0label="Série 1 (l’échelle de gauche)"
  data-series1label="Série 2 (l’échelle de droite)"

  data-series1type="scatter"
  data-series0axis="left"

  data-earlycallback="SAN_BILO20181003_C6_EARLYCALLBACK"
  data-callback="SAN_BILO20181003_C6_CALLBACK"
]