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

Scrollable plot area with background color #8773

Closed
leokury opened this issue Aug 13, 2018 · 5 comments
Closed

Scrollable plot area with background color #8773

leokury opened this issue Aug 13, 2018 · 5 comments
Labels

Comments

@leokury
Copy link

@leokury leokury commented Aug 13, 2018

Expected behaviour

Scrollable plot area should fill all chart's background area

Actual behaviour

The extended area is getting background page color

Live demo with steps to reproduce

http://jsfiddle.net/sbog6ep5/

Product version

6.1.1

Affected browser(s)

Tested in Google Chrome

@sebastianbochan
Copy link
Contributor

@sebastianbochan sebastianbochan commented Aug 14, 2018

Hi @leokury,
The white background is applied in charts, by default. As a result you should set chart.backgroundColor param as transparent.

Demo:

Docs:

@leokury
Copy link
Author

@leokury leokury commented Aug 14, 2018

Hello @sebastianbochan ,

is it also possible to have the white background fill the entire chart area (including scrollable area)?

@pawelfus
Copy link
Contributor

@pawelfus pawelfus commented Aug 16, 2018

Simple CSS should resolve the issue: http://jsfiddle.net/BlackLabel/sbog6ep5/9/ (background color set on container). I think this is a bug, background's width should be updated when scrollable plotting area is increased.

@pawelfus pawelfus reopened this Aug 16, 2018
@pawelfus pawelfus added Type: Bug and removed Type: Not a bug labels Aug 16, 2018
@leokury
Copy link
Author

@leokury leokury commented Aug 16, 2018

I agree. I also got other solutions on this StackOverflow.

@TorsteinHonsi
Copy link
Collaborator

@TorsteinHonsi TorsteinHonsi commented Aug 22, 2018

Demo with the fix applied: http://jsfiddle.net/highcharts/sbog6ep5/11/

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

Successfully merging a pull request may close this issue.

None yet
4 participants