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

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 ant 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.

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

Plugin: Range Selector

Type tutorial

This tutorial will show how you can use Range Selector plugin (available since version 4.9.25) to create HTML-based controls for alternative zooming methods of Axes. NOTE Range Selector is a plugin. For information about using plugins, refer to this article. Using the plugin Including the module Before you can use this plugin you need to […]

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

Make AM/PM prompts lowercase or change them

Type tutorial

amCharts’ number formatter supports various version of the AM/PM indicators (AM/PM; A.M./P.M.; A/P) in date/time formats, however they are all in upper case. This short tutorial will show how you can make them lowercase, or change them altogether. Modifying locale Since AM/PM are translatable strings, they are represented in your current locale (or collection of […]