Data Labels are missaligned and the last x grid line is not wisible

[clarisandev]

Description

• Data labels are missaligned
• Although the last x label and tick are visible, the last x grid line is not

Steps to Reproduce

1. Create a Multiple series – Group rows Timeline chart => https://apexcharts.com/javascript-chart-demos/timeline-charts/multiple-series-group-rows/
2. Add to options:

grid: {
   xaxis: {
     lines: {
       show: true
     }
   },
   yaxis: {
     lines: {
       show: false
     }
   },
},
dataLabels: {
   enabled: "true"
}

Expected Behavior

• DataLabels should to be displayed inside the bars that they relate to.
• All x axis ticks should have a grid line

Actual Behavior

• DataLabels are missaligned
• Last X-axis grid line is not shown

Screenshots

• Missing last x grid line
  

• Missaligned data labels
  

Reproduction Link

CODEPEN => using the same example as the one provided in the docs: https://apexcharts.com/javascript-chart-demos/timeline-charts/multiple-series-group-rows/

[BelMaseto]

Same here: last grid line not visible on datetime range bar.

Tested with the example basic timeline chart, just adding this code for grid:

grid: { xaxis: { lines: { show: true } }

[dilorenzoQRM]

Have the same issue with data labels.
Seems to happen only when both values are negative