Triggering bullet hover effects with chart cursor

These are two demos that show how we can use chart cursor’s cursormoved event to trigger hover effects on multiple series’ bullets.

Changing appearance of bullets

This will make bullets grow larger on the category currently hovered by chart cursor.

ResultJSHTMLCSSJSON

Open in:New tabChart MakerCodePenjsFiddle

Run

Triggering bullet hover with cursortriggering-bullet-hover-with-cursor

Showing on hover only

In this demo, the bullets will be hidden except on the currently hovered category/date.

ResultJSHTMLCSSJSON

Open in:New tabChart MakerCodePenjsFiddle

Run

Triggering bullet hover with cursor 2triggering-bullet-hover-with-cursor-2