JavaScript Grouped Bars Chart
Also known as Multi-set / Clustered Bar Chart
This example shows creation of a Grouped Bar Chart made on user side with BarChart.
This is a variation of normal Bar Chart where groups of bars are spaced apart from each other for further categorizing.
Here's the creation of a Grouped Bar Chart using a pre-defined interface.
// Create Chart.
const barChart = lightningChart().BarChart()
// Add categories('Finland', 'Germany', 'UK) and subCategory & values.
barChart.setDataGrouped(
['Finland', 'Germany', 'UK'],
[
{ subCategory: 'Engineers', values: [48, 27, 24] },
{ subCategory: 'Sales', values: [19, 40, 14] },
{ subCategory: 'Marketing', values: [33, 33, 62] },
],
)