Using Material icons

Type demo

This demo shows how you can use html property of any label in amCharts 4 to display Material icons.

Reversing the order of Legend items

Type tutorial

This short tutorial will show how you can easily reverse the Legend items. Reversing item order Reversing the order of items is as easy as setting reverseOrder = true on your legend: Example

Using PDF export fonts

Type tutorial

Exporting a chart with related textual information to PDF will not work properly if you have a non-Latin language. This tutorial will show how to overcome this. The problem When exporting charts to PDF, the resulting document can contain not just image of chart snapshot, but also textual information, like title, data table, and virtually […]

Dotted and dashed lines

Type tutorial

Every line in amCharts – including outlines of other shapes – can be made dotted or dashed. This short tutorial will show how it works. Enabling dashed line You probably already know that setting color of a line (or and outline of a shape) is as easy as setting its stroke property, e.g.: The above […]

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

Clickable chart thumbnails

Type demo

This demo shows how we can use a custom function to defer chart instantiation and replace them with a thumbnail, which once clicked would be automatically replaced with a real chart.

Generating static charts

Type tutorial

Some dashboards require charts in them to be fully interactive. Some don’t. Sometimes we wish to churn out charts to the screen as as quick as possible, and with as little memory footprint as possible. This tutorial will walk through the process of generating static SVG for charts using a single chart template. Dynamic vs. […]

Trigger a replay of the chart initial animations

Type demo

Most of the elements on a chart – e.g. series or chart itself – have appear() method. Calling it will re-play whatever animation was played when the chart was first loaded, for example series morphing into place. This demo showcases this functionality.

Combining local data from multiple series for export

Type demo

In amCharts 4 each series can have its own data (set via own data property). Such data will not be exported using exporting functionality. This demo shows how we can use export’s data adapter to combine local data from multiple series in export.

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