search

apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.38k stars 1.3k forks source link

First and last bar data labels get disappeared in mixed chart when line is configured on left y axis and 2 bars are configured on right y axis. #4756

Open Krishna-Chidrawar opened 4 weeks ago

Krishna-Chidrawar commented 4 weeks ago

Description :

When the mixed chart is configured with line on left y axis and 2 bars or right y axis and when the chart is expanded horizontally the data labels on the bars are getting disappear. The position of data labels ( top , centre , bottom ) doesn't matter here same bug is being reproduced.

Steps to Reproduce

1.Create a Mixed Chart with line configured in left y axis and 2 bars configured in right yaxis. 2.Expand the chart horizontally. 3.When expanded beyond certain limit the first and last bar data label gets disappeared. 4.Link of codepen for demonstration : https://codepen.io/Krishna-Chidrawar-the-reactor/pen/mdNOGRO

Expected Behavior : Data labels should be visible on the first and last bar when expanded horizontally.

Actual Behavior : Data labels are not visible on the first and last bar when expanded horizontally.

Screenshots

Data Labels not visible

Reproduction Link : https://codepen.io/Krishna-Chidrawar-the-reactor/pen/mdNOGRO

rosco54 commented 3 weeks ago

The codepen link in item 4 doesn't have any data. The link at the bottom didn't show the issue at first because I couldn't use the mouse to zoom until the interact.js section was commented out/removed, and clicking the [+] button to zoom in showed all labels correctly, probably because it only allows me to go one level of zoom for some reason.

Otherwise, yes there is an issue as described.

Krishna-Chidrawar commented 3 weeks ago

Drag the chart to left side first and then pull it horizontally by stretching down right corner you will be able to see the labels gets disappear on the first bar. Thank You.