Simulating axis gaps

Type tutorial

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

Complex bullets with hover effect

Type tutorial

This demo shows how we can create bullets out of several elements, as well as attach hover effects that trigger with both direct hovering by a pointer and with an XYCursor.

Position X-axis on zero-value

Type tutorial

Normally, the X-axis will be shown at the bottom of the plot container, regardless of the Y-axis scale. This tutorial shows how we can make the X-axis dynamically position itself so that it sticks to the position of the zero value. Code The idea is to watch for various events that could affect position of […]

Highlighting links of a force-directed node on hover

Type tutorial

This demo uses pointerover and pointerout events on force-directed series’ nodes, to automatically highlight all links going out of it. It makes use of an array of links contained in node’s data item’s links setting to automatically apply or remove “active” state. Code Demo

Aligning a legend with plot container

Type tutorial

This demo shows how we can use axis’ events to monitor its width, and automatically adjust position of the legend, so it is aligned perfectly with the plot area. Code Demo