Toggling stack type
Type
demo This demo shows how we can toggle stack types from absolute to 100% dynamically via external controls using chart API.
Do not show tooltip for zero-value columns
Type
demo This demo shows how we can use adapters to selectively disable cursor tooltips on columns with zero-value.
Highlighting regions of a scatter chart
Type
demo This demo shows how we can add an extra series to highlight multiple regions of a scatter chart (XYChart).
Gantt chart with columns that span multiple categories
Type
demo This demo shows how we can use multiple series to simulate multi-category bars on a Gantt chart.
Draggable series axis ranges
Type
demo This demo shows how we can create a “series axis range” and make it draggable, dynamically adjusting threshold lines and respective series fills.
Show last value at the end of LineSeries
Type
demo This demo shows how we can make LineSeries show its last value using two approaches: as a label next to bullet, and as an axis range with a label. Using bullet label Using axis range
Ordering zIndex of series lines and bullets
Type
tutorial This tutorial will show how you can control layout and ordering of LineSeries lines and their bullets. Intro Suppose we have a LineSeries with bullets. By default bullets are drawn on top of the actual lines. Now, suppose we have several LineSeries – each with its own bullets. Some of the lines intersect with lines […]
Plotting series from calculated values
Type
tutorial In XYChart we are used to plot series from the values that appear in data. This tutorial will show how we can plot from other auto-calculated values such as percent or change. Intro For an XYSeries to work – be it LineSeries, ColumnSeries, or some other type – we need to bind it to data. […]
Lighten fill color for each level of Force Directed Tree
Type
tutorial This short but useful tutorial will show how you can automatically make node fill color lighter with each subsequent level of a nodes with each subsequent level in a Force Directed Tree. The task By default, ForceDirectedSeries colors node with a solid color. Its direct descendants, as well as their descendants inherit same color throughout […]
Disabling XY series initial animations
Type
tutorial By default, when “animated” theme is enabled, all XY series will show initial animation, growing from zero to their absolute values. This tutorial will show how you can disable that effect, without interfering with the rest of the animations. Disabling Disabling this initial effect is easy: each series has a setting showOnInit. The “animated” theme […]