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

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

Exporting data from a Word Cloud

Type demo

Normally, WordCloud chart does not have data to export. This demo shows how we can use an adapter to enable data export.

Integrating with WebDataRocks

Type tutorial

This short intro tutorial will show how to connect your data stream with client-side grid library – WebDataRocks – and use it to visualize in amCharts 4. Introduction Before we begin with WebDataRocks, we suggest familiarizing with getting started tutorials on their website. In this tutorial we will provide only basics of the data loading, […]

Manipulating chart data

Type tutorial

Each chart type in amCharts family has a specific requirement for structure its data should come in. Mostly it comes in a form of an array of objects. However sometimes you don’t have control over format of source data. This tutorial will explore how we can pre-process data to reshape it into an amCharts-suitable form. […]

Building drill-down maps

Type tutorial

In this tutorial we’ll look at techniques for building various map-based drill-down scenarios. Requisites The techniques described in this tutorial rely on event infrastructure. If you’re not yet familiar how events work in amCharts 4, we suggest taking a look at “Event Listeners” article first. We also assume that you have basic knowledge of MapChart […]

Plotting series from calculated values

Type tutorial

In XYChart we are used to plot series from the values that appear in data. This tutorial will show how we can plot from other auto-calculated values such as percent or change. Intro For an XYSeries to work – be it LineSeries, ColumnSeries, or some other type – we need to bind it to data. […]