Stacking series with mismatched categories/dates

Type tutorial

Normally, stacking series on an XY chart requires that they have same number of data items, and that their categories or dates match. This tutorial will introduce a custom function that can merge data from a number of sources so that multiple series can reuse it for correct stacking. The problem For correct stacking of […]

Heat legend with scale

Type demo

This demo shows, how we can add a scale to a Heat Legend by pushing regular ValueAxis into it. Code Demo

Setting mouse pointer style

Type tutorial

This tutorial will show how we can change cursor style when hovering over some chart element. Setting cursor style We can use any element’s cursorOverStyle setting to specify which cursor to show when it is hovered by a mouse cursor. Available styles The following table lists a few of the most common cursor styles. For […]

Hybrid line and Gantt chart

Type demo

This demo shows how we can use stacked axes to create a combined chart with a Line series and Column (Gantt) series sharing the same X axis.

Handling long category axis labels

Type tutorial

This tutorial looks at ways on how to handle situations where labels of a CategoryAxis are too long to comfortably fit. Wrapping or truncating This sections shows how we can use an event and oversizeBehavior on axis labels, to make them auto-wrap automatically. The above code uses axis’ event of cellWidth (which reports whenever cell width is changed) […]

Bubble chart with zoom in and out buttons

Type tutorial

This demo shows how we can add plus/minus buttons to a bubble chart that zoom in and out the chart. Code The code relies on adding custom buttons to chart plot container, as well as attaching click events to them, that in turn zoom the chart using axis’ API. Demo