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 […]
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 […]
Type demo
This demo shows how you can convert global document coordinates to a value and a date on respective value and date axes.
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 […]
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 […]
Type demo
This demo shows how we can add draggable buttons to each edge of an axis range.
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.
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.
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 […]
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.