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
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
.
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.
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
.
Multi-series Pie Charts
It is possible to plot multiple series as a single pie or donut chart!
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.
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.
Multi Scale charts
Multiple Axis charts can also have different scale for each axis.