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

Turn showXAxis and showYAxis false cause black chart until resize #1165

Closed
furevor opened this issue May 15, 2019 · 3 comments · Fixed by #1637
Closed

Turn showXAxis and showYAxis false cause black chart until resize #1165

furevor opened this issue May 15, 2019 · 3 comments · Fixed by #1637

Comments

@furevor
Copy link

furevor commented May 15, 2019

Describe the bug
Just add on your page chart area and set showXAxis and showYAxis to false

To Reproduce
Steps to reproduce the behavior:

  1. Go to my demo
  2. Change 'showYAxis' to false
  3. See error

Screenshots

  1. Here is screen without bug
    withoutBug
  2. Screen with bug
    withBug

With bug](https://monosnap.com/file/6kmBn92zBhoFGrqY9hfEsTMfAdqM8W)

Expected behavior
There should be a normal display of chart with color

Demo
Just try this on stackblitz

ngx-charts version
latest 11.1.0

Additional context
Unfortunately, I even have no workaround, please help!

P.S. After resizing the browser colors appearing!

@furevor furevor added the Bug label May 15, 2019
@marjan-georgiev
Copy link
Member

Thanks for reporting this. A short-term workaround for this would be setting the gradient input to false.

This is a bug that needs fixing though.

@RuneHanssens
Copy link

A quick workaround for this issue is to wrap the chart in a div with display: grid.

@bobbyg603
Copy link
Contributor

We have published a mirrored version ngx-charts that should fix this issue via @bugsplat/ngx-charts and opened PR #1637

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

Successfully merging a pull request may close this issue.

4 participants