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

Solving overlapping bullets

Type tutorial

This short tutorial shows a couple of ways to solve the situations where multiple series can have label bullets shown, and thus may overlap with each other. Repositioning with an adapter We can use an adapter, to dynamically check for overlap with other bullets, and change bullet’s centerY setting, so it is either moved down […]

Labels on negative columns

Type demo

This demo shows how we can use adapters to change vertical alignment of a bullet, by dynamically modifying its centerY setting, based on its value. The code The demo

Adaptive label colors on a Treemap

Type demo

This demo shows how we can use adapters to automatically color Treemap labels so they standout over node background. Related code Demo