Bubble chart with zoom in and out buttons

Type tutorial

This demo shows how we can add plus/minus buttons to a bubble chart that zoom in and out the chart. Code The code relies on adding custom buttons to chart plot container, as well as attaching click events to them, that in turn zoom the chart using axis’ API. 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

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