Force the first and last labels on axis

Type demo

These two demos show how you can use events, axis ranges, and some setting combination to automatically force showing first and last labels on ValueAxisand DateAxis, even if they fall on non-equal increments, and maintain them across zooms. Chart with two ValueAxis Chart with a ValueAxis and a DateAxis

Automatically resize label to fit donut inner radius

Type demo

The inner space of a donut chart is a place that can store some information. However, donut itself being sized relatively, might render that information not fitting. This demo shows how it’s possible to resize the label inside donut to always fit the inner radius.

Using Material icons

Type demo

This demo shows how you can use html property of any label in amCharts 4 to display Material icons.

Dealing with PieChart labels that don’t fit

Type tutorial

We’ve all been there: creating a Pie chart with labels a tad too long to fit. This tutorial lists a few things you can do to work around it. The problem The PieChart does not measure and resize actual diagram based on the length and quantity of labels. It’s by design, because doing so would […]

Using axis ranges to place labels at arbitrary values or dates

Type tutorial

Axes of various types follow their own logic when they choose where to place its grid and labels. However, sometimes you need to place those labels at precisely value X, or on date Y. That’s where axis ranges might come in handy, which is the focus of this tutorial. Prerequisites Just to refresh your memory […]

Funnel chart with relative percent in labels/tooltips

Type demo

Normally, Funnel chart calculates and shows percentage of each slice based on its value in comparison to the sum of all values. This demo shows how we can use adapters to calculate percentage based on the first slice value, rather than the sum.

Labels outside Sunburst slices

Type demo

These two demos show how we can use adapters to selectively display labels outside some of the Sunburst slices. Labels on last level This demo puts labels outside of slices for the outside series. Labels on child-less slices This demo shows how we can selectively display labels outside of those slices that do not have […]

Axis labels at arbitrary values on GaugeChart

Type demo

Normally, an axis on a GaugeChart will place labels at convenient intervals – so they are not too crammed and not too sparse. It will depend on actual chart size. However, in some case you might want to place labels at exact values, no matter what. This demo will show how you can disable axis […]