Using custom functions for data item grouping

Type tutorial

In amCharts 4, DateAxis allows dynamic data item grouping. This tutorial will show how you can take this even further and use custom function to apply custom logic when calculating aggregate values for the groups. Prerequisites VERSION INFO The functionality described in this tutorial requires version 4.9.35 or later. Before we go any further, make […]

Adaptive column corner rounding for positive and negative values

Type tutorial

This tutorial will show how we can use adapters to selectively apply rounding to columns of the ColumnSeries based on their value. The problem Suppose we have this chart: We want to round the corners of the tips of those columns. The properties for columns that are responsible for rounding of top corners are cornerRadiusTopLeft […]

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 […]

Serpetine TimeLine with arrows

Type demo

This demo shows how we can add Triangle objects as bullets on a TimeLine chart, then use adapters to conditionally rotate them to create directional arrows.

Multi-series shared tooltip with colored bullets

Type demo

This demo shows how we can use an adapter for series’ tooltipText property, in-line text formatting, and cursor’s maxTooltipDistance to build a single universal tooltip that displays values from all series, complete with colored bullets. For more information, make sure you visit related tutorials for mentioned functionality: Adapters In-line string formatting Limiting number of series […]

Combining local data from multiple series for export

Type demo

In amCharts 4 each series can have its own data (set via own data property). Such data will not be exported using exporting functionality. This demo shows how we can use export’s data adapter to combine local data from multiple series in export.