PieChart with too many slices

Type tutorial

If we are using Pie charts, once in a while we end up with one that has simply too many slices. This tutorial will look at some basic ways to make it less awkward. The problem Having a lot of slices on a single chart poses an obvious issue: the labels displayed for each chart […]

Tackling label background

Type tutorial

In amCharts 4, labels – be it bullets, axis values, or just about any other text – are not limited to just font size and color. This tutorial will show how you can set background color and shape for them as well. Enabling label background Whenever you see text on a chart, it is represented […]

Making CurveChart labels follow axis angle

Type tutorial

CurveChart (or a TimeLine) is a new exciting chart product, allowing twisting and bending the charts into any custom shape. This tutorial will show how you can make labels of a curved axis follow its angle. Base chart Let’s start with a basic chart example we took from our “TimeLine Chart” article: The X axis […]

Using superscript and subscript in labels

Type tutorial

This short tutorial will show how you can make parts of any label super- or sub-script using amCharts 4’s in-line text formatting syntax. Enabling PREREQUISITE If you don’t know how square bracket text formatting works, make sure you read the “Visual formatting” section in our Text formatting article. Basically, a square bracket blocks in any […]

Sum label inside a donut chart

Type tutorial

The defining characteristic of each donut, including donut charts, is its hole. It’s a space that can be used for good. This tutorial will show how we can easily add some labels inside it to display complementing information, such as sum of values for all the slices. Adding a label Most of the elements in […]

Using percent values in series

Type tutorial

In our everyday charting we mainly use absolute values. However, sometimes we might need to show how specific value relates to other elements. In this case relative percent value is much more representative than absolute one. This tutorial will explain ways we can use such relative values. Intro Let’s start with a fairly simple stacked […]

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

Automatic labels over map polygons

Type tutorial

During the course of this article we’re going to learn how to automatically place labels over map polygons, as well as make them positioned just the right way. Base map As a polygon of our development, let’s use a map of the United States in an Albers USA projection. Series for polygons Setting up Polygon […]

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

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