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

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

Toggle pie slice pullout via legend

Type demo

Normally, when you click an item in PieChart’s legend, relative slice is hidden or revealed. This quick tutorial will show you how to make the slice activate/deactivate (pull out/in) instead.

Show “no data” warning on a chart

Type demo

This demo shows how we can use chart series’ davalidated event to display a “no data” message in a modal if data contains no items.

Grouping several series into single legend item

Type demo

This demo shows how we can selectively add series to legend, then toggle multiple series with a single legend item. The code uses series’ on() method to watch for changes in its visible setting, which is triggered when series is toggled via legend. It then hides or shows related series. It also uses series’ legendLabelText […]

Limit to single open branch in ForceDirectedSeries

Type demo

This demo shows how we can use setting-bound event to limit open branches in ForceDirectedSeries to one. The following code ensures that all open branches are collapsed, when another branch is expanded.

Show only one series at a time

Type demo

This demo shows how we can use series settings events to ensure only one series is shown on an XY chart at a time, by toggling off other series automatically.