apexcharts-card icon indicating copy to clipboard operation
apexcharts-card copied to clipboard

Wrong Columns height on first y-axis when a second y-axis is defined

Open man010 opened this issue 1 year ago • 3 comments

Checklist

  • [x] I updated the card to the latest version available
  • [x] I cleared the cache of my browser
  • [x] I verified that I'm really running the lastest version in my browser console
  • [x] I checked if there is another issue opened with the same problem

Describe the bug I have defined 6 stacked series on a first y-axis. As I wanted to display an additional information in the header (not in the chart), I have added a second y-axis with the follow series config : - entity: sensor.conso_electrique_totale type: line yaxis_id: second name: CUMUL JOUR color: red group_by: func: diff duration: 1d start_with_last: true fill: last show: in_header: true in_chart: false

and with this extra series, the height of some of the series on the first axis is wrong. As you see, the series « Buanderie » should have a value of 0.8kWh, while the column value seems to be around 0.2kWh

Here is the code of the y-axis and series (note the the second series is for the workaround of the other bug I reported yesterday, to get the y-axis automatically scaled with all the stacked values and not only the biggest one) : yaxis: - id: first min: 0 max: auto decimals: 1 apex_config: tickAmount: 5 - id: second min: 0 max: auto show: false decimals: 1 apex_config: tickAmount: 5 series: - entity: sensor.conso_electrique_totale type: line yaxis_id: second name: CUMUL JOUR color: red group_by: func: diff duration: 1d start_with_last: true fill: last show: in_header: true in_chart: false - entity: sensor.conso_electrique_totale yaxis_id: first name: CUMUL JOUR color: yellow show: in_header: false in_chart: false - entity: sensor.conso_electrique_buanderie yaxis_id: first name: BUANDERIE color: green - entity: sensor.prise_congelateur_energy yaxis_id: first name: CONGÉLATEUR color: dodgerblue - entity: sensor.conso_electrique_multimedia yaxis_id: first name: MULTIMÉDIA color: lime - entity: sensor.chauffage_sdb_energy yaxis_id: first name: CHAUFF. SDB color: tomato - entity: sensor.pac_alixan_tank_accumulated_consumption yaxis_id: first name: EAU CHAUDE color: pink - entity: sensor.pac_alixan_heating_accumulated_consumption yaxis_id: first name: CHAUFF. PAC color: grey

Version of the card Version:

To Reproduce This is the configuration I used:


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

Expected behavior A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

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 Add any other context about the problem here.

man010 avatar Feb 23 '24 16:02 man010

I answer to myself. This issue occurs when the series are not configured in the same order as the corresponding yaxis :

WORKING

yaxis :

  • id: first yaxis :
  • id: second Series :
  • entity: a yaxis_id: first
  • entity: b yaxis_id: first
  • entity: c yaxis_id: second
  • entity: d yaxis_id: second

NOT WORKING

yaxis :

  • id: first yaxis :
  • id: second Series :
  • entity: c yaxis_id: second
  • entity: d yaxis_id: second
  • entity: a yaxis_id: first
  • entity: b yaxis_id: first

man010 avatar Feb 24 '24 19:02 man010

Thanks - had exactly the same issue and found this thread

stepir avatar Mar 07 '24 08:03 stepir

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.

github-actions[bot] avatar May 07 '24 02:05 github-actions[bot]

This issue was closed because it has been stalled for 10 days with no activity.

github-actions[bot] avatar May 18 '24 02:05 github-actions[bot]