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

Curved Pie Chart Labels

Type tutorial

Normally, labels for Pie chart’s slices are horizontal, and either arranged in columns or attached to the slice itself. This tutorial will show how you can make labels curve along the outer edge of the slice. Base chart Let’s take a super basic pie chart as our starting point. Making labels cool again To make […]

Using curved labels

Type tutorial

In amCharts 4 any SVG label can follow any curve. This tutorial will explain how it works and how you can spice up the look of your charts in various situations, using curved labels. The basics All text labels in amCharts 4 are represented by an object of type Label. To make a label follow […]

Handling long Sankey labels

Type tutorial

By default, labels on a Sankey Diagram will be truncated with an ellipsis if they are longer than 150 pixels. This tutorial explores other options for handling long labels. Base chart Here’s a Sankey Diagram with some overly long node names. All labels are cut off and not overly informative. Let’s see how we can […]

Show only first and last labels on Gauge Chart

Type tutorial

This quick tutorial will explain how you can limit your Gauge chart axis to showing only its first and last labels. The problem Normally, a Gauge chart axis will show a number of intermediate labels. But what if we want to show only the first and last one? Solution #1 There’s a trick: set axis […]

Selectively positioning Sankey diagram labels

Type tutorial

It’s possible to selectively specify the location of Sankey diagram labels, based on the position of their parent Nodes. This tutorial will show how. Base chart The labels are all placed to the right of their respective nodes. To make the chart look nicer, lets make labels of the right-most nodes placed to the left […]

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

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