This is a demo tutorial. While there is no step-by-step commentary available (yet), the live demo below is fully functional. Feel free to open it for full source code.
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.
See the Pen
Bullet following cursor (no real bullet for a better performance) by amCharts team (@amcharts)
on CodePen.0