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.

Legend markers as checkboxes

Type demo

By default legend displays its markers as squares or mini versions of series. This demo shows how we can replace them with checkboxes.

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

Using states on LineSeries

Type tutorial

This tutorial will show how we can use states to manipulate appearance of the LineSeries in a variety of situations. SIDE READING This tutorial relies on amCharts 4 concept of states, which is a way to dynamically apply collection of values to multiple properties of an element. For more information about states, read this article. […]

Plotting series from calculated values

Type tutorial

In XYChart we are used to plot series from the values that appear in data. This tutorial will show how we can plot from other auto-calculated values such as percent or change. Intro For an XYSeries to work – be it LineSeries, ColumnSeries, or some other type – we need to bind it to data. […]

Grouping axis labels using ranges

Type tutorial

This tutorial will show how you can use axis ranges to organize its labels into a groups. What is axis range? If you’re not familiar with axis ranges, we strongly suggest you take a look at the dedicated “Axis ranges” article. We’re going to be using some of the know how from the above article. […]

Plugin: Overlap Buster (experimental)

Type tutorial

This tutorial will show how you can use OverlapBuster plugin (available since version 4.6.2) to make overlapping items such as bullets, map markers, or just about any other element “explode” to sides when hovered, for easy access to them NOTE OverlapBuster is a plugin. For information about using plugins, refer to this article. Disclaimer Please […]

Customizing chart scrollbar

Type tutorial

Chart scrollbars come pre-configured with certain looks, in part influenced by used themes. This tutorial show how we can customize the looks of scrollbars. Test subject During the course of this tutorial we will be torturing a scrollbar of this chart: Customizing grips Let’s start by customizing the grips. Accessing grip objects Both of them […]

Making CurveChart labels follow axis angle

Type tutorial

CurveChart (or a TimeLine) is a new exciting chart product, allowing twisting and bending the charts into any custom shape. This tutorial will show how you can make labels of a curved axis follow its angle. Base chart Let’s start with a basic chart example we took from our “TimeLine Chart” article: The X axis […]