Displaying an automatically-generated table of data synced with category axis

This demo will show how you can use AmCharts.addInitHandler() to automatically generate a table out of the data below the chart.

The code in handler - that is executed before the chart loads - will cycle through chart's graphs and data and generate a <table> out of it.

Using CSS and chart's settings we will make the table's columns and chart's category axis perfectly aligned. To achieve that, we are going to set the same value for chart's marginLeft setting and the first column of the table to the same width.

The rest of the columns in table automatically align to take up the rest of the space at equal intervals, just like category axis, making them aligned.