Plugin: Regression trend lines

Type tutorial

This tutorial will explain how you can use Regression plugin (available since version 4.2.2) to display automatically-calculated regression trend lines. NOTE Regression is a plugin. For information about using plugins, refer to this article. Purpose Trend lines, as their name suggests, help identify generic trends among seemingly randomly dispersed values. Take this chart for example: […]

Overlaid column series

Type tutorial

This tutorial will show how you can leverage a number of settings on Series and Axes to create offset/overlaid columns effect. The task In the course of this tutorial we’re going to turn this: Into this: Here’s a live version of the source chart: Patient’s ready. Let’s get started. Un-clustering columns By default, all Column […]

Toggling series via API

Type tutorial

Need to toggle series on and off via code? This short tutorial will show how. Hiding or showing Series in amCharts is a Sprite object. And just like any Sprite object, it can be toggled off by calling its hide() method, and shown back on by show(). That is it. You just call the respective […]

Toggling multiple series with a single legend item

Type tutorial

This tutorial will show how you can toggle several Series at once, with a single Legend item. Base chart Let’s start with a basic chart with three Line series. Each Series has its own entry in the Legend. Click any of those will toggle its corresponding Series on and off. Suppose, we need to have […]

Clustered Pie Charts

Type tutorial

This short tutorial will show how we can leverage amCharts 4 containers and automated layouts to display multiple Pie charts in a single <div>. The challenge of multiple pie series When we have a simple Pie chart, it’s easy. We just create a chart and get a pie. But what if we have several series […]

Generating multi-content PDF export

Type tutorial

This extensive tutorial will show how you can use pdfmake library, which is bundled with amCharts, to generate full page, multi-content report PDF documents. Disclaimer Majority of this tutorial is based on using pdfmake. It’s an excellent third party library enabling generating PDF documents in JavaScript. Our aim is to walk you through basics of […]

Creating Timeline Charts

Type tutorial

This tutorial will explain how you can use regular Line Series to create functional timelines, complete with bullets and annotations. Creating a chart Data Since basic Timeline charts are used to depict sequence of events, rather than exact time or value scale, exact values in our data are not important. However, since we are going […]

Stacked Axes

Type tutorial

This tutorial will introduce you to a powerful concept of “axis stacking”. What is it? amCharts 4 allows having multiple axes of any type. For example, you can have three series attached to three separate Value axes. In a traditional charts those value axes might be put either to left or right, but they will […]

Creating Pie Series Animations

Type tutorial

By default (if you are using “animated” theme), Pie series will fade in when chart initializes. Let’s explore how we can fancy-up those animations. Base chart Let’s take this chart as a base: As you can see, it just fades in. Boooooring. Let’s fix that. The concepts But, before we jump to unicorns and rainbows, […]

Hide map images until zoomed in

Type tutorial

Showing a lot of markers on the map may render it cluttered beyond usability. This tutorial will show how you can easily specify custom zoom levels for each individual image to be shown at. The problem Say we have a map with a lot of images in a MapImageSeries: While not exactly “unusable”, still a […]