Cursor with “corner” crosshair lines
Type
tutorial This demo shows how we can use adapters to make lines of the XY cursor go only to the target data item. Code Demo
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 with an XY cursor
Type
demo This demo shows how we can use XYCursor event “cursormoved” to automatically apply hover state to each bullet in the same category.
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 […]