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

“3D” line series

Type tutorial

This tutorial will show how you can easily create a “3D stack” effect on regular LineSeries. Base chart Let’s take this chart as an example: Bit of a mess. It would help, if we somehow would be able make each individual LineSeries stand out. Enabling 3D The first step is to go from regular XYChart […]

Disabling scrollbar grips

Type tutorial

This short tutorial will show how you can disable grip buttons on chart Scrollbar. Here’s a regular scrollbar: Scrollbar’s grips are accessible via its startGrip and endGrip properties. To disable them, simply use their disabled properties: chart.scrollbarX.startGrip.disabled = true;chart.scrollbarX.endGrip.disabled = true; chart.scrollbarX.startGrip.disabled = true;chart.scrollbarX.endGrip.disabled = true; { // … “scrollbarX”: { “type”: “Scrollbar”, “startGrip”: { […]

Plugin: Slice Grouper

Type tutorial

This tutorial will show how you can use SliceGrouper plugin (available since version 4.3.11) to automatically group small slices on Pie, Funnel, Pyramid, or Pictorial Stacked series into a single expandable “Other” slice. NOTE SliceGrouper is a plugin. For information about using plugins, refer to this article. Purpose “Percent” charts such as Pie, Funnel, Pyramid, […]

Handling axis zoom events via API

Type tutorial

Any axis in amCharts 4 can be zoomed. And sometimes we need to know when that happens, as well as the range of the new zoom. This tutorial will walk through all the necessary information to make that happen. This works a bit differently on different axis types, so we’ll explore them separately. Catching zoom […]

Projected circles over map

Type tutorial

This tutorial will show how you can add “projected circles” on the map. Projected circles respect map projection and look much more natural, as if they were “laid down” on the ground, not stuck as pins. How to add regular images to map is covered pretty well in “Image series” section of our Map chart […]

Using actual images in MapImageSeries

Type tutorial

In our main Map Chart article we have touched the topic of creating an image series, feeding them data, and positioning them. However, we were operating using plain, same shapes. This tutorial will show how we can use actual images as markers on the map. Using same image Explaining MapImageSeries in our Map Chart article, […]

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

Custom ValueAxis grid using ranges

Type tutorial

ValueAxis is a clever kid. It will try to space out its grid/labels in a way that they come in non-crowded “pretty” increments, e.g. in 10 incremental steps. But what if we want to show custom step increments, like every 25? This tutorial will explain how to do that. The task Here’s a very basic […]