Hiding Small Pie Slices

Type tutorial

Pie chart sizes its slices proportionally, based on the relative values. Sometimes that means that we end up with a chart that has a bunch of small-value slices that are barely visible, but clutter up the chart. Here’s one chart like that: Ewww. Let’s see what we can do about it. Hiding labels Let’s hide […]

Using custom map zoom settings for individual countries

Type tutorial

Our Map Chart allows zooming directly to a specific polygon (country). However, for some countries, automatically-calculated zoom settings might not cut it. This tutorial will explain how you can use Polygon series data to override default zoom settings with custom ones. The problem We can make the chart zoom to a specific country using zoomToMapObject() […]

Custom polygons on Map Chart

Type tutorial

If you are working with Map Chart, you’re probably already familiar with MapPolygonSeries thatr get their geographical data from loaded map file, or “geodata”. However, Map polygons are not limited to this source of data. You can draw any shape and polygon on the map using in-line lat/long coordinates. This tutorial will show how. The […]

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

Controlling fill direction of a Line series

Type tutorial

Normally, a Line series with fill enabled, will fill any space between itself and a horizontal “zero line”. This tutorial will explore, how we can tame it to our specific needs. Base chart Consider this basic chart. It’s a two-Value axis chart with a Line series, wiggling around zero values – both horizontally and vertically. […]

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

Managing width and spacing of Column Series

Type tutorial

By default ColumnSeries will size its columns so they are both as wide as possible, while maintaining some spacing between individual columns in clusters and between categories/cells. This tutorial will explain how we can manipulate width and spacing of the columns. Understanding cell width Before we begin, let’s figure out what we mean when we […]

Taming the Step Line Series

Type tutorial

Normal Line series on an XY chart usually connect data items with a straight line. Step line series are similar, except they connect the data items with a step. This tutorial will show how you can tweak the steps to suit your needs better. Default behavior Let’s take a very basic chart with Step line […]

Stacked column series with rounded corners

Type tutorial

This quick tutorial shows how you can inventively use adapters to apply custom formatting options to stacks of columns. The task Suppose, we have a stacked column chart. And want the top of the each stack to have rounded corners. Here’s our target chart, BTW: Rounding the corners One way to go about rounding the […]

Using Circle Bullets

Type tutorial

As you may already know from “Bullets” tutorial, a bullet in amCharts 4 can be anything. This tutorial explores how we can can quickly add and configure certain bullet type – Circle bullet. Adding a circle bullet A “circle bullet” is a special kind of bullet that already has a Circle¬†element in it, so you […]