Exporting MapChart data

Type tutorial

amCharts 4 exporting functionality can export not only visual representation of the chart, but also its data. However, for MapChart which does not have central or clear-cut data, it’s disabled by default. This tutorial will show how you can re-enable selective data export for your maps. Enabling data export Determining data source Before we go […]

Variable link widths in ForceDirectedTree

Type tutorial

ForceDirectedTree is an exciting cool way to display relations between a number of entities. This tutorial will show how you can give those relations a quantitative value by applying custom width to each individual link. The task As mentioned in the preamble of this tutorial, all nodes on ForceDirectedTree are connected by links that are […]

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

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

Lighten fill color for each level of Force Directed Tree

Type tutorial

This short but useful tutorial will show how you can automatically make node fill color lighter with each subsequent level of a nodes with each subsequent level in a Force Directed Tree. The task By default, ForceDirectedSeries colors node with a solid color. Its direct descendants, as well as their descendants inherit same color throughout […]

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

Different tooltip content per each level of Force Directed nodes

Type tutorial

You can set what is displayed in a tooltip of ForceDirectedTree chart’s nodes using its tooltipText property. However, the same information will be used across different levels of node tree. This tutorial shows how you can use adapters to differentiate tooltip content based on level of node. Tooltip content As we already mentioned above, to […]

Multi-color XY heatmap

Type tutorial

Normally, heatmaps that use “heat rules” are restricted to two colors as well as gradient in-between. In tutorial we’ll see how we can use adapters to apply any number of colors to heat map based on source value. The task During the course of this tutorial we’ll transform the chart to color columns in series […]

Different column fill colors for positive and negative values

Type tutorial

This tutorial will explain how you can use adapters to fill columns to different colors, based on their value. The task Let’s say we have a column chart that has both positive and negative values. Right now, all of the columns are filled with a single color. What we want to do, is to color […]

Using Error Bullets

Type tutorial

Error bullets are special kind of bullets that help illustrate error margin for the particular series value. This tutorial will explain how you can add those to amCharts 4 series. Adding error bullet REQUIRED READING If you’re not familiar how bullets are used in amCharts 4, we suggest you run by “Bullets” article first. To […]