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

Comments

Projects
None yet
4 participants
@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

This comment has been minimized.

Show comment
Hide comment
@sebastianbochan

sebastianbochan Aug 14, 2018

Contributor

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

Demo:

Docs:

Contributor

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

This comment has been minimized.

Show comment
Hide comment
@leokury

leokury Aug 14, 2018

Hello @sebastianbochan ,

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

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

This comment has been minimized.

Show comment
Hide comment
@pawelfus

pawelfus Aug 16, 2018

Contributor

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.

Contributor

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 Bug and removed Not a bug labels Aug 16, 2018

@leokury

This comment has been minimized.

Show comment
Hide comment
@leokury

leokury Aug 16, 2018

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

leokury commented Aug 16, 2018

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

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi
Collaborator

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