Make AM/PM prompts lowercase or change them

Type tutorial

amCharts’ number formatter supports various version of the AM/PM indicators (AM/PM; A.M./P.M.; A/P) in date/time formats, however they are all in upper case. This short tutorial will show how you can make them lowercase, or change them altogether. Modifying locale Since AM/PM are translatable strings, they are represented in your current locale (or collection of […]

County maps

Type tutorial

The geodata package for MapChart includes not only country and world maps. It also has special county maps for some of the worlds countries, like United States, Canada, and Mexico. This tutorial will show how you can use them. Using county maps The county map files for each available country are located under regionsubdirectory of […]

Fixed ValueAxis scale

Type demo

This demo shows how we can use ValueAxis event “ready” to fix its scale (min and max values) on load so it does not change when chart is zoomed or scrolled.

Funnel chart with relative percent in labels/tooltips

Type demo

Normally, Funnel chart calculates and shows percentage of each slice based on its value in comparison to the sum of all values. This demo shows how we can use adapters to calculate percentage based on the first slice value, rather than the sum.

Labels outside Sunburst slices

Type demo

These two demos show how we can use adapters to selectively display labels outside some of the Sunburst slices. Labels on last level This demo puts labels outside of slices for the outside series. Labels on child-less slices This demo shows how we can selectively display labels outside of those slices that do not have […]

Serpetine TimeLine with arrows

Type demo

This demo shows how we can add Triangle objects as bullets on a TimeLine chart, then use adapters to conditionally rotate them to create directional arrows.

Manipulating chart data

Type tutorial

Each chart type in amCharts family has a specific requirement for structure its data should come in. Mostly it comes in a form of an array of objects. However sometimes you don’t have control over format of source data. This tutorial will explore how we can pre-process data to reshape it into an amCharts-suitable form. […]

Country-specific world maps

Type tutorial

Some countries like India, China, and some other have local regulations regarding how their borders are drawn that differ from UN-mandated or actually controlled territories. This tutorial will explain how to use country-specific maps with MapChart. Available maps The following country-specific versions of World map are currently available: Country Map files (.ts; .js; .json) Map […]

Animating map lines with CSS

Type tutorial

Each line in a MapChart is an SVG object in document’s DOM tree. This means we can use CSS to target and modify it, including using CSS animations. This tutorial will show how we can make MapLine animate itself from the start. Prerequisites We’re going to assume that you know what MapLine is, how to […]

Multi-series shared tooltip with colored bullets

Type demo

This demo shows how we can use an adapter for series’ tooltipText property, in-line text formatting, and cursor’s maxTooltipDistance to build a single universal tooltip that displays values from all series, complete with colored bullets. For more information, make sure you visit related tutorials for mentioned functionality: Adapters In-line string formatting Limiting number of series […]