Complex bullets with hover effect

Type tutorial

This demo shows how we can create bullets out of several elements, as well as attach hover effects that trigger with both direct hovering by a pointer and with an XYCursor.

Fake bullet following the XY cursor

Type demo

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 […]

Getting data items within cursor selection

Type tutorial

This tutorial will show how we can grab data items that fall within the selection of a cursor on a scatter (XYChart) chart. Setup Our chart setup will use a ValueAxis as its Y-axis, and a DateAxis for its X-axis, just so we can look at how we can extract selection boundaries for both types […]

Triggering bullet hover effects with chart cursor

Type demo

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. Showing on hover only In this demo, the bullets will be hidden except on the […]