Custom loading indicator

Type tutorial

This tutorial will show how we can build a custom loading indicator that can be toggled on and off as needed. The final loading indicator will contain following elements: Main container / curtain. Label Icon Let’s walk through all of them step-by-step. Main container / curtain We will use Container object, placed over chart to […]

Creating multi-content PDF export

Type tutorial

This extensive tutorial will show how you can use pdfmake library, which is bundled with amCharts 5 plugin Exporting, to generate full page, multi-content report PDF documents. Disclaimer Majority of this tutorial is based on using pdfmake. It’s an excellent third party library enabling generating PDF documents in JavaScript. Our aim is to walk you […]

Disabling context menu on chart

Type tutorial

Normally, browsers will display a context menu when you press right mouse button over some element. If done over amCharts 5, it will display a context menu for a <canvas> element. This tutorial will show how you can disable default behavior of a right-click on canvas elements, as well as attach built-in rightclick event to […]

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