Simulating individual order of columns within categories

This is a demo tutorial. While there is no step-by-step commentary available (yet), the live demo below is fully functional. Feel free to open it for full source code.

This demo will show how you can simulate an order of columns from different ColumnSeries within each category.

It uses the following things to achieve it:

  • Each ColumnSeries has clustered = false set so that it always takes up the whole width of the "hidden" categories.
  • Data is manipulated so that each category contains only one value for just a single series.
  • Regular axis labels are disabled.
  • Axis ranges are used to place a label/grid to "group" several "hidden" categories.

See the Pen amCharts 4: Simulating individual order of columns within categories by amCharts team (@amcharts) on CodePen.24419