Hide series’ tooltips when axis bullet is hovered
Type
demo This demo shows how we can use events to hide series’ tooltips when tooltip-enabled axis bullet is hovered, ensuring that tooltips do not overlap.
Start/end labels on scrollbar grips
Type
demo This demo shows how we can add labels on top of scrollbar grips, that show dates corresponding to their current positions.
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 […]
Toggling active state of a bullet
Type
demo This demo shows how we can toggle “active” state of a bullet by clicking on it. It works by creating an “active” state for the bullet’s circle. This state is triggered on clicked objects if they have their toggleKey: “active” set. It also uses an event to monitor changes for bullet circle’s active setting, to […]
Convert global click coordinate to axis value
Type
demo This demo shows how you can convert global document coordinates to a value and a date on respective value and date axes.
Scrollable vertically-stacked chart
Type
demo This demo shows how to apply scroll behavior to a vertically-stacked axis chart.
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 […]
Different bullet styling of grouped data items
Type
tutorial This tutorial shows how we can use data item object in a bullet function to determine whether it’s a grouped data item, or regular one, to apply different styling to the bullet. Related code To determine if data item is for a grouped data, we will take a look at its originals value. Data item […]
Adaptively-rounded corners on mixed column stacks
Type
demo This demo shows how adapters can be used to apply custom fuzzy logic to rounded corners on column stacks.
Handling bullet masking
Type
tutorial This tutorial is a collection of techniques that can be used to tackle various approaches to masking of bullets on an XY chart. Default behavior By default, an XY chart will contain all plots, including bullets within its plot area. This means that if bullets extent beyond plot area edge, they’ll be cut off. Unmasking […]