Column labels as categories

Type tutorial

This tutorial will explain how individual column labels (bullets) can be used as Category axis labels. The task During the course of this tutorial, we are going to give a fairly basic clustered column chart a makeup. Let’s do this step by step. Moving categories up First task is to move those year categories up […]

Custom ValueAxis grid using ranges

Type tutorial

ValueAxis is a clever kid. It will try to space out its grid/labels in a way that they come in non-crowded “pretty” increments, e.g. in 10 incremental steps. But what if we want to show custom step increments, like every 25? This tutorial will explain how to do that. The task Here’s a very basic […]

Non-standard legend alignment

Type tutorial

You can use position to place chart Legend on top, bottom, left, or right. In all those cases, Legend will center across the edge it is placed on. This tutorial will show some other alignment options. Left and right positions When legend position is set to either “left” or “right”, it is aligned vertically to […]

Highlighting column series on legend click

Type tutorial

During the course of this tutorial we’ll modify the functionality of the legend from toggling series on and off, to rather highlighting it. Base chart Here’s our base chart we’re going to be working with: It has a legend, which acts normally: toggles relative series on and off on click. We’ve also set up our […]

Totals on column stacks

Type tutorial

Building column stacks is easy: just set stackable = true on each column series. This tutorial will show how we can display automatic total value of the whole stack on top of it. Base chart Here’s a base chart we’re going to start with. It’s already got several ColumnSeries stacked. It also has “label bullets” […]

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

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