Drill-down Sankey Diagram

Type tutorial

This tutorial will walk you through building a multi-level drill-down Sankey Diagram. Prerequisites Before we start off, make sure you brush off your knowledge in following topics: Anatomy of a Sankey Diagram Event Listeners List Templates Task We are going to build a Sankey Diagram. When you click on a link, the chart will update […]

Zooming to map area on click

Type tutorial

This tutorial will show how you can set up your map to automatically zoom to an area (i.e. country) when user clicks on or taps it. As you may be already aware if you got to this point, each area on the chart is configured using MapPolygonSeries template. This task is no different – we’ll be […]

Pre-zooming an axis

Type tutorial

This tutorial will explain how you can set up your charts to initialize pre-zoomed. Prerequisites This tutorial relies on event handlers. We recommend reading up on how events work in amCharts 4 in “Event Listeners” article. Reference chart Let’s start off with a simple date-based chart: Setting up pre-zoom There currently are no properties on […]

Resetting Map Position/Zoom

Type tutorial

All Map Charts, unless disabled, can be panned and zoomed. This tutorial will explain how to reset map’s position and zoom to its original state via custom button or API. Resetting via API Easy way Map chart provides a dedicated goHome(duration) method. I wish it had a youredrunk parameter, but it only accepts a duration in milliseconds […]

Disabling zoom and pan on a Map Chart

Type tutorial

Normally, you can pan and zoom the Map Chart wit mouse and touch. This tutorial will explain how you can disable one or both of these actions. Disabling pan Panning (drag) events on a Map Chart are attached to a special container that holds all the series of the map. It’s accessible via chart’s seriesContainer property. […]

Showing placeholder for empty Pie chart

Type tutorial

In dynamic dashboards, sometimes there are situations where you have a no-data chart. In this case it would be nice to show some kind of placeholder, instead of an empty space. This tutorial explains how to create such placeholder for a Pie chart. Prerequisites This tutorial makes use of series’ “property fields”, so we suggest […]

Tracking Cursor’s position via API

Type tutorial

This tutorial will explain how you can track Cursor’s position within plot area, as well as map it to real values. Prerequisites If you haven’t done so already, we strongly suggest you take a look at the “Chart Cursor” article, which walks through every step and aspect of using this chart helper. We will also […]

Placing labels anywhere on the chart

Type tutorial

This tutorial shows how you can place arbitrary labels anywhere on the chart. Adding a label A label is represented by object of type Label. A chart is an instance of Container. Therefore, to create a child element (a label) in chart (container) we will use chart’s createChild(type) method: let label = chart.createChild(am4core.Label); label.text = “Hello […]