Skip to content

Hiding second legend item does not stack rest of bars #3811

@vinaysangawar

Description

@vinaysangawar

Description

On a line/bar combo chart, when clicking the second legend item to hide its respective data, the rest of the bars are collapsed on-top of each other and not stacked properly.

Steps to Reproduce

  1. https://codepen.io/vinaysangawar/pen/poxpJvg?editors=1111
  2. Click Product A in the legend to hide, notice how Product B and C are stacked with total ~62 on the y-axis
  3. Click Product A again to show the data, now click Product B, notice the stacks are now on-top of each other with total = 30.95

Expected Behavior

Clicking the second legend item to hide its data should behave similarly to clicking the other legend items with keeping the other bars stacked. The same issue persists is in react-apexcharts as well.

Actual Behavior

The other bars are no longer stacked

Screenshots

image

Reproduction Link

https://codepen.io/vinaysangawar/pen/poxpJvg?editors=1111

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions