Spacing in Multiple Range Timeline (rangeBar)

[SirYmp]

If I see it correctly in a Multiple Range Timeline (rangeBar) type of charts, the Y axis spacing for the bars (bar height) works more or less as following:

• divides the available space equality by the total categories in data;
• for each category, subdivides the above equally by the number of provided series;
• if rangeBarOverlap is false - subdivides the spacing within the above determined height.

That is, it creates a chart where the spacing for each category is the same, independently of whether a given series provides a value within the category.

This means that for e.g. a chart presenting 6 series (lets say 6 Business Units) containing 5 categories (lets say Product Category) one will find that the vertical height will be split in 30 sections, leading to very narrow bars - even if some series present no values for a given category.

It would be great - in my opinion - that one could specify a dynamic sizing of the x categories spacing, based effectively on the ranges falling in that category (not reserving space for irrelevant series) and/or even a fixed-sized column width.

[SirYmp]

An example to show how such visualization becomes difficult / unpractical with minor data:
[
{
data: [
{
x: "ProdCat1",
y: [
1577836800000,
1703980800000
],
},
{
x: "ProdCat1",
y: [
1577836800000,
1703980800000
],
},
{
x: "ProdCat1",
y: [
1577836800000,
1703980800000
],
}
],
name: "BusinessUnit1"
},
{
data: [
{
x: "ProdCat2",
y: [
1577836800000,
1703980800000
],
}
],
name: "BusinessUnit2"
},
{
data: [
{
x: "ProdCat3",
y: [
1635724800000,
1667174400000
],
},
{
x: "ProdCat3",
y: [
1635724800000,
1667174400000
],
}
],
name: "BusinessUnit3"
},
{
data: [
{
x: "ProdCat4",
y: [
1630450800000,
1655247600000
],
},
{
x: "ProdCat4",
y: [
1635724800000,
1652569200000
],
},
{
x: "ProdCat5",
y: [
1630450800000,
1655247600000
],
},
{
x: "ProdCat4",
y: [
1577836800000,
1703980800000
],
},
{
x: "ProdCat5",
y: [
1577836800000,
1703980800000
],
}
],
name: "BusinessUnit4"
},
{
data: [
{
x: "ProdCat6",
y: [
1640995200000,
1672444800000
],
},
{
x: "ProdCat6",
y: [
1640995200000,
1672444800000
],
}
],
name: "BusinessUnit5"
},
{
data: [
{
x: "ProdCat7",
y: [
1577836800000,
1703980800000
],
},
{
x: "ProdCat7",
y: [
1577836800000,
1703980800000
],
},
{
x: "ProdCat7",
y: [
1577836800000,
1703980800000
],
}
],
name: "BusinessUnit6"
},
{
data: [
{
x: "ProdCat8",
y: [
1577836800000,
1703980800000
],
}
],
name: "BusinessUnit7"
}
]