rangeBar chart modification

[Rutvik-tbz]

Can I create this type of graph using this library to meet the below requirements?

Requirements :

1. I want to increase the height of a specific row,
   Ex: In the image the row height of Design is larger than in the others.

2. I need to display different heights for the range bar when they overlap within the same range.
   Ex: If two or more bars are in the same range, then use different heights, and if there is no overlap, use full height.

Is it possible to achieve this level of flexibility?

Here I have added the demo code of the horizontal range bar chart :
react-apex-chart-codepen-demo

My current graph looks like this.

I want to modify the graph to look like this.