Handling long category axis labels

Type tutorial

This tutorial looks at ways on how to handle situations where labels of a CategoryAxis are too long to comfortably fit. Wrapping or truncating This sections shows how we can use an event and oversizeBehavior on axis labels, to make them auto-wrap automatically. The above code uses axis’ event of cellWidth (which reports whenever cell width is changed) […]

Column labels as categories

Type tutorial

This tutorial will explain how individual column labels (bullets) can be used as Category axis labels. The task During the course of this tutorial, we are going to give a fairly basic clustered column chart a makeup. Let’s do this step by step. Moving categories up First task is to move those year categories up […]

Left-aligning vertical axis labels

Type tutorial

Normally, the labels of the vertical left-side axis are right aligned. This demo will show how we can easily make them left-aligned instead. Code To make labels left-aligned, it’s enough to just override their horizontal center to their left: Demo

Syncing axis zooms across multiple charts

Type tutorial

This demo shows how we can sync zoom of an X-axes across multiple charts. Code The function that performs syncing: Using events to monitor changes to start and end settings on each axis: Demo

Simulating axis gaps

Type tutorial

This demo shows how we can leverage stacked axes to simulate axis breaks.