Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

stacked columns | legend items in wrong order #850

Closed
AlexKvrlp opened this issue Aug 20, 2019 · 2 comments
Closed

stacked columns | legend items in wrong order #850

AlexKvrlp opened this issue Aug 20, 2019 · 2 comments

Comments

@AlexKvrlp
Copy link

example

see stacked column documentation for example

Explanation

  • What is the behavior you expect?
    I expect that the series are in the same order than the legend items. In the demo I expect that the "Product A" legend item placed is at the bottom.
  • What is happening instead?
    The legend item of "Product A" is shown at the top of the legend. The "Product A" Series is at the bottom of the stacked column. Have a look at "Product A" at the demo.
  • What error message are you getting?
    no error message
@junedchhipa
Copy link
Contributor

junedchhipa commented Aug 20, 2019

As the legend is created with HTML elements, you can easily inverse it with

.apexcharts-legend {
    flex-direction: column-reverse;
    top: 0 !important;
}

@AlexKvrlp
Copy link
Author

Thank you very much for adding an option

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants