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

Creating trend lines

Type tutorial

Sometimes, on charts, the general appearance of the series does not make data tendencies very prominent. In those situations, you might want to add trend lines that explain the general dynamics. This tutorial explains, how you can use generic Line series as trend lines. Prerequisites We are going to assume you know your way around […]

Using adapters for value-sensitive bullet adjustments

Type tutorial

If your chart uses bullets – either as shapes or text labels – you might find yourself in situations where you might need to adjust certain aspect of bullet based on specific value or value change. It might be alignment of a label, or a color of dot. This article will explain how you can […]

Dynamically adding and removing Series

Type tutorial

This tutorial will show how you can dynamically add and remove series to the chart. Adding series Adding a series to the chart is as simple as pushing a series object into chart’s series list: let series = new am4charts.LineSeries(); // configure series chart.series.push(series); var series = new am4charts.LineSeries(); // configure series chart.series.push(series); The chart will […]