Aligning axis range labels

Type tutorial

Labels of an axis range are shown on the axis itself by default. This demo shows how we can put them on the opposite side of the plot area. How it’s done To achieve the required result, we’ll need these steps: Set label’s inside: true so that it is drawn inside plot container and thus […]

Auto-wrapping category axis labels

Type demo

This demo shows how we can use an adapter and oversizeBehavior on labels of a category axis, to make the auto-wrap automatically. The code Here’s the relevant code section: Example Related info Category axis docs Handling oversized labels Using adapters

Totals on column stacks

Type tutorial

This tutorial will explain how we can place an automatically-calculated total on a stack of columns. Preparing value axis Normally, the chart would not calculate totals, saving CPU for us. We need to enable it by setting calculateTotals: true on our value axis: Adding a label bullet To place labels on or in a column, […]

Sum label inside a donut chart

Type tutorial

This tutorial will show how we can easily add some labels inside a donut chart to display complementing information, such as sum of values for all the slices. Adding a label Most of the elements in amCharts 5 is a Container, meaning it can contain other elements. Chart itself is a container. Series is a […]

Handling pie chart labels that don’t fit

Type tutorial

In some cases we will come across chart setups that will have their slice labels cut off, especially on smaller charts. This tutorial will look at few ways to handle those situations. The problem Pie chart does not factor in width of slice labels when sizing the pie itself. This means that on some smaller […]

Hide or relocate label bullets for small columns

Type tutorial

Sometimes, showing a label on a very small column is not an option. This tutorial will take a look at two ways to fix that issue. Hiding labels First option is to hide labels for small columns. We can use a private setting height change event handler to automatically hide or show the bullet based […]