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

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

Custom ValueAxis grid using ranges

Type tutorial

ValueAxis is a clever kid. It will try to space out its grid/labels in a way that they come in non-crowded “pretty” increments, e.g. in 10 incremental steps. But what if we want to show custom step increments, like every 25? This tutorial will explain how to do that. The task Here’s a very basic […]

Creating a Bullet Chart

Type tutorial

This short tutorial will show how to easily create a bullet chart. The chart Let’s start with the complete code to the chart, and dissect the code afterwards: /* Create chart instance */ let chart = am4core.create(“chartdiv”, am4charts.XYChart); chart.paddingRight = 25; /* Add data */ chart.data = [{ “category”: “Research”, “value”: 45, “target”: 80 }, […]

Using Axis Ranges on Radar Chart

Type tutorial

This quick tutorial will show how you can use Axis Ranges on a Radar chart. If you are already using Radar chart, you know that its essentially bent XY chart. Which means it has X and Y axes, that can be one of the three types: Value, Date, or Category. This also means, that whatever […]