Skip to content

Fake bullet following the XY cursor

This demo shows how we can dynamically show a simple Circle element instead of actual bullets on a lines series.

The demo pre-creates a Circle element on chart, which will be used as a “bullet”.

When cursor is moving across the chart, the series get their tooltipDataItem setting set dynamically.

Whenever tooltipDataItem changes, an event is used to trigger a code which then moves the circle to the location of the data item.

Open in:New tabChart Maker
Bullet following cursor (no real bullet for a better performance)bullet-following-cursor-no-real-bullet-for-a-better-performa