Draggable series axis ranges

Type demo

This demo shows how we can create a “series axis range” and make it draggable, dynamically adjusting threshold lines and respective series fills.

Axis ranges in XYChartScrollbar

Type demo

Do you know that XYChartScrollbar is not some mystical new class, but rather a full fledged XYChart. This means that we can do with it anything we can do with a regular chart, including adding axis ranges. This demo does exactly that.

Show last value at the end of LineSeries

Type demo

This demo shows how we can make LineSeries show its last value using two approaches: as a label next to bullet, and as an axis range with a label. Using bullet label Using axis range

Animated bullets

Type demo

In this demo you’ll see how we can use chart’s built-in animation capabilities to add animation effects to bullets. Example #1 Example #2

Custom-ordered legend items

Type demo

This demo shows how we can use events to dynamically re-arrange Legend items per our completely custom criteria.

Using axis ranges to highlight weekends

Type tutorial

Axis ranges is a good way to highlight specific places or stretches along an axis. This tutorial will show how we can create code to automatically create axis ranges to highlight weekends on a DateAxis. The task Say, we have a chart that shows line series along a date-based axis. To make our user understand […]

Exporting data for visible series only

Type tutorial

Normally, using amCharts 4 data exporting functionality, the chart dumps all available source data. This short tutorial will show code which assures that only currently visible series data is exported. Limiting exported fields By default all source data (as set in chart’s data) is exported. We can control what fields are exported using export’s setting […]

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 4 uses DateFormatter and NumberFormatter objects to […]

Using “patterns” theme

Type tutorial

amCharts 4 comes with a “patterns” theme (since version 4.7.5). It’s a bit different from other themes as it modifies the output of some elements quite radically. This tutorial takes a closer look at what this theme does, and how it can be modified for various purposes. The purpose The “patterns” theme’s main purpose is […]