Grouped Bars
Also known as Multi-set / Clustered Bar Chart
This example shows creation of a Grouped Bar Chart made on user side by utilizing RectangleSeries. 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 chart = barChart()
// Add groups.
chart.addGroups([
'Group A',
'Group B'
])
// Add categories & values.
chart
.addCategory({
name: 'Category #1',
// 'data' contain values for each group in same order as they were defined before.
data: [100, 200],
fill: new SolidFill().setColor(prettyColor1)
})
.addCategory({
name: 'Category #2',
// 'data' contain values for each group in same order as they were defined before.
data: [50, 160],
fill: new SolidFill().setColor(prettyColor2)
})
The actual Grouped Bar Chart logic just serves to provide a starting point for users to create their own API based on their needs and preferences.