Labels inside Pie chart slices

Type tutorial

Normally, Pie chart positions its slice labels in neat columns to the left and right of the pie. As a space-saving tip, this tutorial shows how to arrange them inside slices. Base chart Target functionality To achieve our target functionality, we’re going to do this: Place labels circularly around the pie; Remove ticks; Replace information […]

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

Hiding non-integer labels on Value Axis

Type tutorial

The granularity of Value axis labels depends on available space and some settings. Sometimes, when there’s enough space, and the range of values is not great, the axis will throw in intermediate non-integer values as labels. This tutorial will show how to hide those non-integer labels. Base chart Let’s use this bar chart as an […]

Pie chart with pre-pulled slice(s)

Type tutorial

If you would like your Pie chart to start off with one or more of its slices pulled out, there are a few ways to do so. This tutorial will show how. Base chart We’re going use a very basic Pie chart as our test subject. Next we’re going to examine two ways to make […]

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

Adding watermarks to charts

Type tutorial

This tutorial will show how your can brand your charts using different kinds of watermarking techniques. Prerequisites Containers and patterns This tutorial will rely on two amCharts 4 concepts: Containers and Patterns. Containers will are used to add and arrange stuff to various parts of the chart. We’ll use them to add watermarks. Make sure […]

Map with Orthographic (globe) projection

Type tutorial

This short tutorial will show how you can create a Globe out of your map using Orthographic projection. Setting projection As you may already know, each map can be displayed in a number of ways – projections. (more about it here) Each one has it’s own advantages and disadvantages. However, only one can be used […]

Highlight all polygons in Map Series on hover

Type tutorial

This tutorial will show how you can highlight all of the polygons in the same series, when just one of those is hovered. Prerequisites States and events The solution explained in this tutorial relies heavily on two amCharts 4 concepts: States and Event listeners. Make sure you’re familiar with both of the those (linked above). […]