Pre-zooming an axis

Type tutorial

This tutorial will explain how you can set up your charts to initialize pre-zoomed. Prerequisites This tutorial relies on event handlers. We recommend reading up on how events work in amCharts 4 in “Event Listeners” article. Reference chart Let’s start off with a simple date-based chart: Setting up pre-zoom There currently are no properties on […]

Wrapping and truncating axis labels

Type tutorial

This tutorial will explain how you can deal with very long axis labels, by wrapping and/or truncating them. Prerequisites If you haven’t done that already, we suggest you take a look at the “Positioning Axis Elements” article, which explains the principles about configuring Axis elements, including the concept of “axis renderer”. Moving forward we will […]

Adding chart titles and bottom text

Type tutorial

This short tutorial shows how you can add arbitrary text labels to the top or bottom of the chart, that will automatically adjust the size of the chart itself. Adding chart titles For chart titles, every chart instance has a titles property which holds a list template of Label objects. To create new title object, we just […]

Chart Legend in an External Container

Type tutorial

This tutorial will show you how you can easily move your chart legend outside main container into a totally separate one. NOTE We’re going to be using Pie chart as an example in this tutorial. However, this applies to any other chart type that uses Legend. Base chart Let’s start with a basic Pie chart […]

Placing labels anywhere on the chart

Type tutorial

This tutorial shows how you can place arbitrary labels anywhere on the chart. Adding a label A label is represented by object of type Label. A chart is an instance of Container. Therefore, to create a child element (a label) in chart (container) we will use chart’s createChild(type) method: let label = chart.createChild(am4core.Label); label.text = “Hello […]