Animated rotation of the globe via API

Type demo

This demo shows how we can animate rotation of a globe (MapChart with an Orthographic projection) by creating an animation for its deltaLongitude and deltaLatitude properties.

Map line with two arrows

Type demo

Normally, a MapLine object can have a single arrow head. This demo shows how we can create additional Triangle objects to create a two-way arrows on a MapChart.

Exporting MapChart data

Type tutorial

amCharts 4 exporting functionality can export not only visual representation of the chart, but also its data. However, for MapChart which does not have central or clear-cut data, it’s disabled by default. This tutorial will show how you can re-enable selective data export for your maps. Enabling data export Determining data source Before we go […]

Building drill-down maps

Type tutorial

In this tutorial we’ll look at techniques for building various map-based drill-down scenarios. Requisites The techniques described in this tutorial rely on event infrastructure. If you’re not yet familiar how events work in amCharts 4, we suggest taking a look at “Event Listeners” article first. We also assume that you have basic knowledge of MapChart […]

Using India version of world map

Type tutorial

This short tutorial will show how you can use MapChart with a version of world map that is compatible with regulations in place in India. Two versions of maps Regulations in India require contested areas to be shown as part of the country as a whole. Unfortunately, those border lines do not correspond with areas […]

Using U.S. congressional districts maps

Type tutorial

Since version 4.1.8 the geodata package for Map Chart includes a collection of maps for U.S. Congressional Districts. This tutorial will show how you can use them. Using congressional district maps The congressional district map files are located under region/usa/congressional subdirectory of the geodata package. If you are not familiar with the geodata package and how […]

Using map country name translations

Type tutorial

By default the maps bundled with amCharts 4 include names of countries in English. This tutorial will show how you can use bundled translation files to translate them into a multitude of other languages. Prerequisites The techniques described in this tutorial rely on features introduced in specific versions of amCharts 4 and Geodata packaged. Make […]

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

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