Zooming axis via API / external scrollbar

Type tutorial

The XYChart can be zoomed using built-in scrollbar controls or with a chart cursor. This tutorial will show how you can zoom the chart programatically using its API. Zooming chart via API The zooming of a chart happens via zooming of a particular axis. Say we have a DateAxis as chart’s X axis. To zoom […]

Use amCharts 4 to visualize Google Analytics data

Type tutorial

Intro Google exposes data from its Analytics service using a number of various APIs. CORE REPORTING API (Create custom reports by querying for dimensions and metrics) MULTI-CHANNEL FUNNELS REPORTING API (Access attribution and conversion path data for your users) REAL TIME REPORTING API (Access activity occurring on your property right now) EMBED API (Embed dashboards […]

Using “sticky” tooltips

Type tutorial

Any element on a chart can have tooltipText set to display in form of a tooltip when hovered or touched. This tutorial will show how you can turn those tooltips into “sticky”, so they are always shown, without requiring to hover/touch the element. Requirements The functionality was introduced in version 4.5.4, so if you happen […]

Plugin: Bullets

Type tutorial

“Bullets” is a collection of configurable shapes (stars, pins, flags, etc.) that you can use as chart bullets, map markers, and anywhere else. Availability Bullets plugin is available since amCharts 4 version 4.5.7. Including the module Before you can use this plugin you need to make sure you include it. If you are using it […]

Auto-hide value axes

Type tutorial

Normally, all initialized Value Axes are shown, even if they do not have any visible Series attached to them. This also means that when Series is toggled off, the related Value Axis will remain. This tutorial will show how we can toggle axes off together with Series. The problem Let’s take a simple multi-series multi-axes […]

Multi-color XY heatmap

Type tutorial

Normally, heatmaps that use “heat rules” are restricted to two colors as well as gradient in-between. In tutorial we’ll see how we can use adapters to apply any number of colors to heat map based on source value. The task During the course of this tutorial we’ll transform the chart to color columns in series […]

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

Configuring the zoom out button

Type tutorial

When XYChart is zoomed in, a small round button appears in the corner to indicate that only partial data is show, and to provide means to zoom back out. This tutorial will show how you can configure, or outright disable this control. Button element The zoom out button is accessible via chart’s zoomOutButton property. It’s […]

Disabling XY series initial animations

Type tutorial

By default, when “animated” theme is enabled, all XY series will show initial animation, growing from zero to their absolute values. This tutorial will show how you can disable that effect, without interfering with the rest of the animations. Disabling Disabling this initial effect is easy: each series has a setting showOnInit. The “animated” theme […]

“Sticky” chart cursor

Type tutorial

Normal XYCursor is hidden automatically when plot area is no longer hovered. This tutorial shows how you can easily make it “sticky”, that is make it stay in its last known location. Enabling XYCursor does not have a built-in setting to make it “sticky”, so we’ll have to improvise. For that we’ll use two components: […]