Start/end labels on scrollbar grips
Type
tutorial This demo shows how we can add labels on top of scrollbar grips, that show dates corresponding to their current positions. Here’s another version:
Find the first and the last data item of the zoomed XYChart
Type
tutorial This demo shows how we can use axis’ getSeriesItem() method to find the first and last data items when an XY chart is zoomed.
Dynamically switching data set for an XYChart
Type
demo This demo shows how we can dynamically set data on a series and related category axis. Demo Related docs
Location of items on date axis and date-based series
Type
tutorial This combined tutorial examines at possible positioning of axis elements like grid, labels, and ticks as well as series data items in an XY chart scenario with a date axis and date-based data. Intro Location of axis elements (grid, labels, ticks) is determined by location and multiLocation settings. For a simplified explanation about those, visit […]
Totals on clustered column stacks
Type
tutorial This demo shows how we can dynamically calculate totals of columns in a multi-stack scenario in a bullet function. For non-clustered column stacks, there’s an easier way. Refer to “Totals on column stacks” tutorial.
Aligning axis range labels
Type
tutorial Labels of an axis range are shown on the axis itself by default. This demo shows how we can put them on the opposite side of the plot area, or within it. Labels on opposite side To achieve the required result, we’ll need these steps: The code: The demo: Labels inside plot area We can […]
Additional axis tooltip to display totals
Type
tutorial This demo shows how we can add an additional date axis on top of the chart to show a tooltip with sum of values of all series. The tooltip uses an adapter to dynamically calculate its content.
Totals on column stacks
Type
tutorial This tutorial will explain how we can place an automatically-calculated total on a stack of columns. Preparing value axis Normally, the chart would not calculate totals, saving CPU for us. We need to enable it by setting calculateTotals: true on our value axis: Adding a label bullet To place labels on or in a column, […]
Combining tooltip values from multiple series
Type
tutorial This demo shows how we can combine values from multiple series into a single tooltip, using adapters. Regular series tooltip Free-floating tooltip