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

Custom static multi-value tooltip

Type tutorial

Its easy to consolidate a lot of data into a single tooltip that is displayed over Series using Cursor. We’ve covered it in this tutorial. But what if we don’t want a huge square following our cursor, and would rather display that info in a fixed place in the corner? Read on, as we show […]

Taming Candlestick Series

Type tutorial

Candlesticks are a good way to depict data dynamics using variety of metrics. Instead of single value – used on most series – candlesticks use four: open, high, low, and close. This tutorial will explain how to set up and configure Candlestick series. Adding and setting up Adding a CandlestickSeries is no different than adding […]

Individual legend item for each column

Type tutorial

Normally on an XY Chart, Legend creates a single item for each Series. This brief tutorial will show how you can create custom legend which will show an item for each individual column in a single Column series. Base chart Let’s take this chart as a base. It uses an adapter to color each column […]

Modifying big number prefixes

Type tutorial

amCharts’ number formatter has a way of formatting numbers in a variety of ways, including converting to prefix/suffix-based shorter equivalents. This tutorial will explain how you can tweak it according to your needs. The problem Extremely big numbers on a chart can be confusing and wasteful of space: Let’s see how we can fix that. […]

Truncating legend labels

Type tutorial

Sometimes chart legend can get out of control size-wise, especially if you have long labels. This tutorial will show how you can get it back in check by capping the length of its labels. The problem Long labels will bloat up legend size. This is especially prominent where chart size is not very big: Even […]

Combining different axis types

Type tutorial

amCharts allows any number of any type combined in the same XY Chart. Below demo demonstrates how you can combine utterly incompatible scales – numeric and date/time – with separate Value and Number axes.

Using “fill rules” on a Date Axis

Type tutorial

This tutorial will show how to highlight weekends on a Date Axis. It will explain how you can use custom function to force your own custom logic in determining what ranges of dates should be highlighted and how. Base chart Let’s take a simple Date-based chart. Enabling axis fills We do have nice clean grid. […]

Different column fill colors for positive and negative values

Type tutorial

This tutorial will explain how you can use adapters to fill columns to different colors, based on their value. The task Let’s say we have a column chart that has both positive and negative values. Right now, all of the columns are filled with a single color. What we want to do, is to color […]