RangeBar charts using the datetime axis will not align correctly in columns with grouping and overlap options set to false.
I posted a similar issue in the past (#3419) which was fixed, but this seems to only be for the category type of xaxis.
Steps to Reproduce
Create a rangeBar chart
Provide series in the format [{ name, data: [{ x, y: []}, ...] }, ...] - (ensure that x is a timestamp)
Set xaxis type: datetime
Set rangeBarGroupRows: true and rangeBarOverlap: true
Set horizontal: false
Expected Behavior
When rangeBarGroupRows and rangeBarOverlap are set to true, the bars should be grouped regardless of horizontal being true or false.
Actual Behavior
The rangeBar chart only handles the grouping correctly if horizontal is set to true. It doesn't group the bars inline when horizontal is set to false.
Screenshots
Working as expected. (horizontal: true, xaxis: datetime)
Not working as expected. (horizontal: false, xaxis: datetime)
Working as expected in old codepen. (horizontal: false, xaxis: category)
Description
RangeBar charts using the datetime axis will not align correctly in columns with grouping and overlap options set to false. I posted a similar issue in the past (#3419) which was fixed, but this seems to only be for the category type of xaxis.
Steps to Reproduce
Expected Behavior
When rangeBarGroupRows and rangeBarOverlap are set to true, the bars should be grouped regardless of horizontal being true or false.
Actual Behavior
The rangeBar chart only handles the grouping correctly if horizontal is set to true. It doesn't group the bars inline when horizontal is set to false.
Screenshots
Working as expected. (horizontal: true, xaxis: datetime)![image](https://github.com/apexcharts/apexcharts.js/assets/56763774/9018d2f2-2a1c-443b-bf40-f177d9ed5a69)
Not working as expected. (horizontal: false, xaxis: datetime)![image](https://github.com/apexcharts/apexcharts.js/assets/56763774/cd41dd3d-bb18-4b6e-9c57-3dc47234ef63)
Working as expected in old codepen. (horizontal: false, xaxis: category)![image](https://github.com/apexcharts/apexcharts.js/assets/56763774/0defbcf0-0588-4acf-b1d2-dfc22ad0c5ae)
Reproduction Link
Edit plotOptions.bar.horizontal between false and true values to see the difference: https://codepen.io/TRP_Kazel/pen/ExzKbGm
Codepen from issue (#3419) which shows a similar configuration working correctly with xaxis type category: https://codepen.io/TRP_Kazel/pen/zYjMQzY