Bubble chart with hidden scrollbars in plot area
Type
tutorial This demo shows how we can add “hidden” scrollbars directly into plot container of an XY chart, to be shown on hover only.
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.
Gantt chart with columns that span multiple categories
Type
demo This demo shows how we can use additional hidden Y axes and column series, to add floating columns that span multiple categories on a Gantt chart.
Totals on clustered column stacks
Type
demo 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.
Range selector with draggable axis range
Type
demo This demo shows how we can add draggable buttons to each edge of an axis range.
Individual legend item for each column in series
Type
demo This demo shows how we can create a legend to display individual items for each column in a column series, as well as trigger hovers. Relevant code As per legend data item docs, we are using series’ dataItems list to feed the legend data, which produces an item for each column. Additionally, we are adding […]
Adding XY series dynamically
Type
demo This demo shows how series can be added on an XY chart dynamically.
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, […]
Syncing axis widths across multiple charts
Type
demo This demo shows how we can use events and “ghost labels” to sync width of vertical axes across multiple charts.
Triggering bullet hover effects with chart cursor
Type
demo These are two demos that show how we can use chart cursor’s cursormoved event to trigger hover effects on multiple series’ bullets. Changing appearance of bullets This will make bullets grow larger on the category currently hovered by chart cursor. Showing on hover only In this demo, the bullets will be hidden except on the […]