Skip to main content

Multi Series Charts

There are many scenarios where more than one data series is used to create the chart along an axis. Many chart types described in the single series charts can also be created with multiple series. This is done simply by passing an array of data fields instead of a single field to represent the series.

Grouped Series Charts

Multiple data series of the same chart type can be displayed side by side as a group by passing them as an array.

Static grouped charts

Loading...

Dynamic grouped bars

These are created by partitioning a bar along another dimension. In the following example, bar chart shows Revenue by Region and Sales Channel.

Loading...

Stacked Series Charts

Stacked bar charts can be static or dynamic.

Static stacked bars

Sometimes the measures need to be stacked one over the other. This can be done by passing an array of data series fields instead of a single field.

Loading...
Arrays for stacking

In the above code, we have [['Cost','Profit'],'Revenue']. The outer array results in a grouped series chart with two data series of which the first series is a stacked series using two data series. It is possible to group or stack more than two data series.

Dynamic stacked bars

These are created by partitioning a bar along another dimension. In the following example, bar chart shows Revenue by Region but split by Order Priority.

Loading...

Multi-series Pie Charts

It is possible to plot multiple series as a single pie or donut chart!

Loading...

Multiple Chart Types (Combo Charts)

The different chart types can be combined into a single chart. This is done by starting off with one chart type, bar chart below, and then configuring the chart type of individual data series. This approach helps to have a simple overall API that can then be customized with additional code which is well suited for low-code experience.

Loading...

Multi Axis Charts

In the above Grouped Series chart, the measures Count and Species are of different scale making it difficult to visualize the Species measure. This can be dealt using two separate Y-axis as shown below.

Loading...

Multi Scale charts

Multiple Axis charts can also have different scale for each axis.

Loading...

Parallel Axis Charts

Loading...