FR

Bar and column charts

Use a bar or column chart to compare specific categories or values.

Hovering over the chart displays more precise data. The chart units will not be included here as they are reflected on the chart’s axes.

Best practices

  • Works best for small numbers of data series.
    For a larger number of comparisons, consider using multiple charts.
  • Use stacked columns to illustrate the parts that make up a group.
  • Use a guide to group data items or separate charts for each data group.

Example: Bar chart with categories

JavaScript chart by amCharts 3.21.14TitleSubtitle
Loading data...
[amcharts
id="serial"
data-type="text"
data-group="DESIGN_BARCHARTS_C1"
data-charttitle ="Title"
data-subtitle ="Subtitle"
data-rightAxisTitle="Axis title"
data-transpose="true"
data-rotate="true"
data-hideLegend="true"
]

Example: Column chart with categories

JavaScript chart by amCharts 3.21.14TitleSubtitle
Loading data...
[amcharts
  id="serial"
  data-type="text"
  data-group="DESIGN_BARCHARTS_C2"
  data-chartTitle="Title"
  data-subTitle="Subtitle"
  data-rightAxisTitle="Right axis title"
  data-transpose="true"
  data-hideLegend="true"
]

Example: Two series column chart

JavaScript chart by amCharts 3.21.14TitleSubtitle
Loading data...
[amcharts
  id="serial"
  data-type="text"
  data-group="DESIGN_BARCHARTS_C3"
  data-charttitle="Title"
  data-subtitle="Subtitle"
  data-rightaxistitle="Right axis title"
  data-transpose="true"
]

Example: Stacked column chart

JavaScript chart by amCharts 3.21.14TitleSubtitle
Loading data...
[amcharts
id="serial"
data-type="text"
data-group="DESIGN_BARCHARTS_C4"
data-charttitle="Title"
data-subtitle="Subtitle"
data-rightaxisstacktype="regular"
data-rightaxistitle="Right axis title"
]