Using Error Bullets

Type tutorial

Error bullets are special kind of bullets that help illustrate error margin for the particular series value. This tutorial will explain how you can add those to amCharts 4 series. Adding error bullet REQUIRED READING If you’re not familiar how bullets are used in amCharts 4, we suggest you run by “Bullets” article first. To […]

Grid over Series

Type tutorial

Chart grid belongs in the back – behind all other chart elements. However sometimes, you might want to take them the front seat. This short tutorial will show you how. Moving plot container to back The reason why grid lines appear behind series is that they belong to axes and containers that hold axes are […]

Using label bullets on a horizontal bar chart

Type tutorial

This tutorial will show how you can use LabelBullet to decorate your horizontal bar chart with data labels. Preparing Prerequisites This tutorial will rely heavily on using Series’ bullets. If you’re not familiar on how bullets work in amCharts 4, please go through “Bullets” article first. Also, since we’re going to be binding our labels to […]

Curved Column Series

Type tutorial

This quick tutorial will serve as an introduction to the special type of series – CurvedColumnSeries. Prerequisites Just so we’re in a familiar territory, let’s start with a basic column chart. It has one Column series, with an adapter coloring each column a new color. Your just everyday normal column chart. Turning on the waves […]

Titles on top of vertical (value) axis

Type tutorial

Adding titles to axes is easy – just use axis’ title property. It will add a vertical or horizontal title next to axis depending on its position. However, you might want to place axis label directly on top of the vertical axis. This tutorial will show how. Prerequisites Containers This tutorial will refer to the concept […]

Building a Waterfall chart

Type tutorial

Waterfall chart is a special kind of chart consisting of floating columns that relate each other via their open and close values. This tutorial will explain how you can build one with amCharts 4 by combining Column and Step line series on an XY chart. Prerequisites This tutorial relies experience creating XY charts and its […]

Creating sparkline charts

Type tutorial

This tutorial will show how you can create the min charts, or simply sparklines. What is it? Sparklines (or micro/mini charts if you prefer) are super-small charts fitting in just a tens of pixels, but still able to convey the information. They are stripped of bare chart essentials like axes, grid, labels, legend, etc. In […]

Setting position of the chart scrollbars

Type tutorial

Normally, scrollbars on an XY chart are placed on the top and right side. This tutorial will show how you can change their default position. Prerequisites This tutorial will refer to chart’s built-in containers a lot. Before you go further, make sure you read this: “Pre-defined chart containers”. Horizontal scrollbar Horizontal scrollbar is usually placed […]

Scrollbar-only XY Chart

Type tutorial

If you would like to use chart as a zoom control for your UI, you might want to display just chart’s scrollbar with a series preview in it, without showing the actual chart. This tutorial will show how. We’ll take a regular XY chart as an example. Add an XYChartScrollbar to it, as well as instruct […]

Positioning XY Cursor via API

Type tutorial

Sometimes you might need to programatically position your chart cursor. This tutorial will show how. Base chart Let’s use this stacked XY chart with a Cursor pre-configured: Placing cursor Our reference chart has a Category axis with categories like “One”, “Two”, “Three”, etc. We’d like to place our cursor at, say, “Three”. This means that […]