Adding watermarks to charts

Type tutorial

This short tutorial will explain how we can add various types of information as a watermark on charts. In plot area of an XY chart An XY chart has a special container called a plot area, accessible via chart.plotContainer. We can create any type of element, as well as push it into plot container’s children. […]

Pre-hiding pie chart slices

Type tutorial

This short tutorial will show how to pre-hide individual slices of a pie chart, in this case ones that have zero value. Hiding a slice To a hide a slice on a pie series (or any other percent series for that matter), we need to call the hide() method of its data item. For example, […]

Labels on negative columns

Type tutorial

This demo shows how we can use adapters to change vertical alignment of a bullet, by dynamically modifying its centerY setting, based on its value. The code The demo

Using regional maps

Type tutorial

In additional to world and country maps, amCharts 5 geodata package comes with a set of specialized regional maps, such as second-level subdivisions (districts), e.g. counties. This tutorial will show how those can be used. Pre-requisites We’re assuming, you have basic knowledge of how the map chart works, about its data loading, and series. Please […]

Start/end labels on scrollbar grips

Type tutorial

This demo shows how we can add labels on top of scrollbar grips, that show dates corresponding to their current positions. Here’s another version:

Fake bullet following the XY cursor

Type tutorial

This demo shows how we can dynamically show a simple Circle element instead of actual bullets on a lines series. The demo pre-creates a Circle element on chart, which will be used as a “bullet”. When cursor is moving across the chart, the series get their tooltipDataItem setting set dynamically. Whenever tooltipDataItem changes, an event […]

Toggling active state of a bullet

Type tutorial

This demo shows how we can toggle “active” state of a bullet by clicking on it. It works by creating an “active” state for the bullet’s circle. This state is triggered on clicked objects if they have their toggleKey: “active” set. It also uses an event to monitor changes for bullet circle’s active setting, to […]