Ordering map polygons

Type tutorial

Polygons in MapPolygonSeries are ordered automatically by size. This tutorial will show how we can alter this order to suit our purposes. Default behavior As we already mentioned in the preamble, the polygons are ordered by size. This is done so that tiny polygons are not obstructed by larger ones. This, however, creates another problem […]

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

Combining map polygon series to create grouped outlines

Type tutorial

This tutorial will show how we can combine two MapPolygonSeries using different geodata granularity to create outlines for groups of smaller areas. The task Let’s say we have a county map of Canada. We would use geodata/regions/canada/canadaCountiesLow map for that. Easy enough, but we would get a map with all the counties, with no distinction […]

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

Pagination of date-based data

Type demo

This demo shows how we can chunk up a multi-month data into “pages”, as well as create pagination controls to iterate between them. And another version, which loads data dynamically for new page on drag left or right.

Syncing chart data with table/grid

Type tutorial

This tutorial will look at ways on how we can grab chart data and display it in an HTML table. We will then build on it to enhance for display in a Grid component. Finally, we’ll make chart data sync up with editable grid. Introduction Since amCharts is not in the data grid business, we […]

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