Custom external legend

Type demo

This demo shows how we can use some custom code executed on chart load to build completely custom but interactive HTML-based legend for our chart.

Display tooltip on PieChart slice click

Type demo

Normally, tooltips on PieChart slices are shown when they are hovered by a cursor. This demo will show how we can disable this default behavior and only show tooltip when slice is tapped or clicked.

Legend markers as checkboxes

Type demo

By default legend displays its markers as squares or mini versions of series. This demo shows how we can replace them with checkboxes.

PieChart with too many slices

Type tutorial

If we are using Pie charts, once in a while we end up with one that has simply too many slices. This tutorial will look at some basic ways to make it less awkward. The problem Having a lot of slices on a single chart poses an obvious issue: the labels displayed for each chart […]

Using “patterns” theme

Type tutorial

amCharts 4 comes with a “patterns” theme (since version 4.7.5). It’s a bit different from other themes as it modifies the output of some elements quite radically. This tutorial takes a closer look at what this theme does, and how it can be modified for various purposes. The purpose The “patterns” theme’s main purpose is […]

Activate/deactivate a pie slice on legend click instead of toggling

Type tutorial

Normally, when you click an item in PieChart’s legend, relative slice is hidden or revealed. This quick tutorial will show you how to make the slice activate/deactivate (pull out/in) instead. Setting up To make this work we’ll have to do two things: Disable regular toggling of the items. Add custom event that toggles isActive state […]

Clickable links in tooltips

Type tutorial

Tooltips are used in a number of places to provide contextual information on a hovered/tapped object, like a Slice of a Pie Chart, or a country on a map. By default, tooltips are completely static with no way to interact with them. This tutorial will explain how you can make them interactive, adding clickable links […]

Disabling default hover and click effects on Pie Chart

Type tutorial

When you hover over a slice on a Pie Chart it slightly grows. When you click it, it pulls out a bit out of place. This tutorial will show how you can disable this default behavior. How it works? It is controlled by states. When you hover something, a “hover” state is applied to the […]