Dual date axis with both month and year labels
Type
tutorial This demo shows how we can add two date axes to an XY chart to show both monthly and yearly grid/labels.
Play series animations when chart scrolls into view
Type
tutorial This demo shows how we can trigger a replay of series’ animations when previously invisible chart scrolls into view.
Start/end labels on a scrollbar
Type
tutorial This demo shows how we can insert Label elements into a scrollbar to add start and end labels.
Applying active state / highlighting all columns in a stack
Type
tutorial This demo shows how we can apply “active” state to all of the columns in a stack when one of them is clicked.
Aggregating multiple data items into a single tooltip of the data items with same X/Y
Type
tutorial This demo shows how we can use an adapter on a series tooltip to automatically aggregate information from multiple data items width same x/y coordinates on a bubble chart. Code First, we’ll make all bubbles visible, by setting their fillOpacity to something less than 1, so they’re semi-transparent and are visible, even when they are […]
Tooltip with a pointer on the side
Type
tutorial This demo shows how we can use an adapter to dynamically update tooltip bounds, so that tooltip pointer is attached to its left side, rather than in the middle. Code Demo
Cursor with “corner” crosshair lines
Type
tutorial This demo shows how we can use adapters to make lines of the XY cursor go only to the target data item. Code Demo
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.