Documentation

Aligning axis range labels

Type tutorial

Labels of an axis range are shown on the axis itself by default. This demo shows how we can put them on the opposite side of the plot area, or within it. Labels on opposite side To achieve the required result, we’ll need these steps: The code: The demo: Labels inside plot area We can […]

Additional axis tooltip to display totals

Type demo

This demo shows how we can add an additional date axis on top of the chart to show a tooltip with sum of values of all series. The tooltip uses an adapter to dynamically calculate its content.

Auto-wrapping category axis labels

Type demo

This demo shows how we can use an adapter and oversizeBehavior on labels of a category axis, to make the auto-wrap automatically. The code Here’s the relevant code section: Example Related info Category axis docs Handling oversized labels Using adapters

Consistent radius of outer circles of a Force-Directed Tree

Type demo

This demo shows how we can use adapters to make radius of node’s outer circle be consistent, regardless of the size of the node. To make that happen, all we need to do is to create adapters to fix outer circle’s scale at 1 as well as add fixed number of pixels to its radius:

Using adapters on category axis labels

Type demo

This demo shows how we can dynamically modify labels of the CategoryAxis using an adapter. We need to add an adapter on an axis label template, which is accessible via axis’ renderer: In this particular example, actual category name is being replaced with a different value extracted from data.