Grid lines for x-axis don't work

OZ1SEJ commented 10 months ago

Checklist

[✅] I updated the card to the latest version available
[✅] I cleared the cache of my browser
[❌] I verified that I'm really running the lastest version in my browser console (how?)
[✅] I checked if there is another issue opened with the same problem (doesn't seem like it.)

Describe the bug It is not possible to get vertical grid lines.

Version of the card Version: 2.0.4

To Reproduce This is the configuration I used:

type: custom:apexcharts-card
header:
  show: true
  title: Batteriniveau seneste 48 timer
  show_states: false
  colorize_states: false
series:
  - entity: sensor.vw_id_3_battery_level
    unit: '%'
apex_config:
  legend:
    show: false
  grid:
    show: true
    strokeDashArray: 0
    borderColor: rgb(80,80,80)
  yaxis:
    min: 0
    max: 100
    tickAmount: 5
  xaxis:
    tickAmount: 4
    lines:
      show: true
graph_span: 48h

Screenshots If applicable, add screenshots to help explain your problem.

Expected behavior I expected there to be vertical grid lines.

Desktop (please complete the following information):

Only tested in Firefox
121.0 on Ubuntu

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context There seems to be a similar, known issue in Apex Charts v3.36.x, which seems to have been fixed i v3.37: Grid lines for x-axis don't work after update from 3.35.0 to 3.36.3 #3580

github-actions[bot] commented 8 months ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

OZ1SEJ commented 8 months ago

This issue might be stale, but the problem persists.

SilverFoxA commented 8 months ago

+1

github-actions[bot] commented 6 months ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

OZ1SEJ commented 6 months ago

Well, as long as the dependency isn't updated to ApexCharts v3.37, this problem persists.

github-actions[bot] commented 4 months ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

OZ1SEJ commented 4 months ago

Well, the problem persists...

WouterJN commented 3 months ago

In your example tick ammount is also ignored for the X-axis, i have the same issue.

lpedia-git commented 2 months ago

I have the same issue. ApexCharts won't show vertical grid lines, and ignores x-axis tick amount, too.

Home Assistant Core: 2024.9.3 Supervisor: 2024.09.1 Operating System: 13.1 Frontend: 20240909.1

ApexCharts Card by @RomRider installed via HACS Version: v2.1.2

github-actions[bot] commented 1 week ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

OZ1SEJ commented 1 week ago

Look, I'm sorry, but this is just silly. This problem was fixed in apexcharts v. 3.37, and apexcharts is now on v. 4.1.0. This problem can be solved by upgrading apexcharts-card to use apexcharts 3.37! Now of course, for all I know, this might be an incredibly cumbersome task, but come on.

I can help but feel that it's not just this issue but this whole repository which has gone stale...

Is there a fork of this project which is more updated, and which everybody but me is using?

RomRider / apexcharts-card

Grid lines for x-axis don't work #654