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

Handling pie chart labels that don’t fit

Type tutorial

In some cases we will come across chart setups that will have their slice labels cut off, especially on smaller charts. This tutorial will look at few ways to handle those situations. The problem Pie chart does not factor in width of slice labels when sizing the pie itself. This means that on some smaller […]

Hide or relocate label bullets for small columns

Type tutorial

Sometimes, showing a label on a very small column is not an option. This tutorial will take a look at two ways to fix that issue. Hiding labels First option is to hide labels for small columns. We can use a private setting height change event handler to automatically hide or show the bullet based […]

Incremental on-demand data loading

Type tutorial

This tutorial will explore how we can implement fully automated on-demand incremental loading of hourly/daily/monthly data from a backend, on a Stock-like chart shown above. Working demo If you’d like to jump straight in, here’s a fully working chart. Further sections in this tutorial will explain main pieces of functionality used in this demo. Chart […]

Keeping date axis zoom across data updates

Type tutorial

Normally, a date axis will preserve its current relative zoomed position if data is updated. This demo shows how we can use events to log current zoom date range and keep the chart zoomed on specific dates, not relative position.

Formatting date/time and numbers using “Intl” object

Type tutorial

The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. This tutorial will show how you can use Intl options and locales for date/time and number formatting in place of string-based amCharts format definitions. Intro amCharts 5 uses DateFormatter and NumberFormatter objects to […]