Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Labels
bug Something isn't working verified

Comments

@clarisandev
Copy link

clarisandev commented Jan 30, 2024

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
    Screenshot from 2024-01-30 09-21-10

  • Missaligned data labels
    Screenshot from 2024-01-30 09-20-54

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/

@clarisandev clarisandev added the bug Something isn't working label Jan 30, 2024
@BelMaseto
Copy link

BelMaseto commented Feb 12, 2024

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 } }

image

@dilorenzoQRM
Copy link

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

ChartIssue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment