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

Using actual images in MapImageSeries

Type tutorial

In our main Map Chart article we have touched the topic of creating an image series, feeding them data, and positioning them. However, we were operating using plain, same shapes. This tutorial will show how we can use actual images as markers on the map. Using same image Explaining MapImageSeries in our Map Chart article, […]

Using percent values in series

Type tutorial

In our everyday charting we mainly use absolute values. However, sometimes we might need to show how specific value relates to other elements. In this case relative percent value is much more representative than absolute one. This tutorial will explain ways we can use such relative values. Intro Let’s start with a fairly simple stacked […]

Column labels as categories

Type tutorial

This tutorial will explain how individual column labels (bullets) can be used as Category axis labels. The task During the course of this tutorial, we are going to give a fairly basic clustered column chart a makeup. Let’s do this step by step. Moving categories up First task is to move those year categories up […]

Custom ValueAxis grid using ranges

Type tutorial

ValueAxis is a clever kid. It will try to space out its grid/labels in a way that they come in non-crowded “pretty” increments, e.g. in 10 incremental steps. But what if we want to show custom step increments, like every 25? This tutorial will explain how to do that. The task Here’s a very basic […]

Non-standard legend alignment

Type tutorial

You can use position to place chart Legend on top, bottom, left, or right. In all those cases, Legend will center across the edge it is placed on. This tutorial will show some other alignment options. Left and right positions When legend position is set to either “left” or “right”, it is aligned vertically to […]

Pre-zooming Map to a list of countries

Type tutorial

In this tutorial we explained how you can pre-zoom your map to a specific country. This tutorial builds on it to produce an example that pre-zooms the map to several countries. One-country solution In the previous tutorial we have used Map series’ method getPolygonById(id) to extract a polygon object of a specific country by its […]

Using “d3-geo” projections

Type tutorial

There are quite a few projections built-into amCharts 4. However, if you are not finding one that suits your needs, you can use one from “d3-geo” package. This tutorial will explain how. Finding a D3 projection D3 has a list of supported projections on their GitHub page. When sifting through the list, note the function […]

Highlighting column series on legend click

Type tutorial

During the course of this tutorial we’ll modify the functionality of the legend from toggling series on and off, to rather highlighting it. Base chart Here’s our base chart we’re going to be working with: It has a legend, which acts normally: toggles relative series on and off on click. We’ve also set up our […]

Automatic labels over map polygons

Type tutorial

During the course of this article we’re going to learn how to automatically place labels over map polygons, as well as make them positioned just the right way. Base map As a polygon of our development, let’s use a map of the United States in an Albers USA projection. Series for polygons Setting up Polygon […]