Replacing default export icon

Type tutorial

This tutorial will show how you can easily replace the default … in export menu’s top level item with a custom image. Default behavior Export menu displays a button with a triple dot in it: Let’s change it to something else. Top-menu item The menu which is an object of type ExportMenu has a property […]

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

Using superscript and subscript in labels

Type tutorial

This short tutorial will show how you can make parts of any label super- or sub-script using amCharts 4’s in-line text formatting syntax. Enabling PREREQUISITE If you don’t know how square bracket text formatting works, make sure you read the “Visual formatting” section in our Text formatting article. Basically, a square bracket blocks in any […]

Plugin: Annotation

Type tutorial

This tutorial will show how you can use Annotation plugin (available since 4.5.5) to, well annotate the charts using some basic UI and tools. NOTE Annotation is a plugin. For information about using plugins, refer to this article. Using the plugin Including the module Before you can use this plugin you need to make sure […]

Map heat legend with real start/end value labels

Type tutorial

A Heat legend uses regular axis to display value range/scale. For narrower setups it might mean that there are not real start/end labels. This tutorial will show how to remedy that. Problem HeatLegend uses real ValueAxis to display value labels. Value axis come with its certain logic how labels are spaced, positioned, and rounded to […]

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

Map polygon hover via API

Type tutorial

In most map setups, a polygon (country) will change color and show a tooltip with its name when hovered. This tutorial will show how you can “simulate” hover via API, without user actually interacting with the map. Base map Here’s what we are going to start with. The map below has already set up states […]

“Fixing” maps for countries that span 180 longitude

Type tutorial

Some countries, like New Zealand have islands across that line. This causes the “over the line” parts to be “wrapped” and drawn all the way to the right of the map area. This may not be an issue on a world map, but might look a bit odd for a country only map. The issue […]

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