apexcharts / ng-apexcharts

ng-apexcharts is an implementation of apexcharts for angular. It comes with one simple component that enables you to use apexcharts in an angular project.
MIT License
310 stars 78 forks source link

Issue with Repeating Values in X-Axis of Bar Chart during Zoom #272

Closed akashsharma2108 closed 1 year ago

akashsharma2108 commented 1 year ago

I'm currently facing an issue with a bar chart implementation in my project, specifically related to repeating values on the X-axis when zooming in. I'd appreciate any assistance in resolving this problem.

The bar chart displays values on the Y-axis and dates on the X-axis. Additionally, the chart has a zooming feature to allow users to focus on specific date ranges. The problem arises when zooming on the X-axis, as the values between two columns are repeated, resulting in an undesired visual representation.

For instance, if we consider two dates, namely 15th November and 16th November, the chart displays extra repetitive values between these two columns when zoomed in. I would like to find a solution to remove these redundant values and ensure a clean representation of the data.

If anyone has encountered a similar issue or has suggestions on how to resolve this problem, I would greatly appreciate your insights. Is there a way to dynamically adjust the X-axis labels during zooming, so that each date is displayed only once between the columns?

image

image