Multi-series shared tooltip with colored bullets

XY#adapters#series#tooltips

This demo shows how we can use an adapter for series’ tooltipText property, in-line text formatting, and cursor’s maxTooltipDistance to build a single universal tooltip that displays values from all series, complete with colored bullets.

ResultJSHTMLCSS

Open in:New tabCodePenjsFiddle

Run

Multi-series shared tooltip with colored bulletsmulti-series-shared-tooltip-with-colored-bullets

For more information, make sure you visit related tutorials for mentioned functionality:

• Adapters
• In-line string formatting
• Limiting number of series tooltips via maxTooltipDistance