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

Chart columns overlap X axis #8031

Closed
proteamer opened this issue Mar 16, 2018 · 2 comments
Closed

Chart columns overlap X axis #8031

proteamer opened this issue Mar 16, 2018 · 2 comments

Comments

@proteamer
Copy link

@proteamer proteamer commented Mar 16, 2018

Hi, I've faced with issue when tried set custom xAxis.lineWidth in Highstock chart.

Actual behaviour

When I set xAxis.lineWidth to 10 I see that chart columns overlap X axis. See image bellow:

screen shot 2018-03-16 at 17 50 08

Expected behaviour

I tried to set xAxis.lineWidth to 10 in Highcharts chart. It works as expected:

screen shot 2018-03-16 at 17 55 27

Also I figured out that in Highstock v5.0.4 the same example work as expected.

Live demo with steps to reproduce

Highstock v6.0.7 example: https://jsfiddle.net/unlimit/yjjqL44x/ (works with issue)
Highcharts v6.0.7 example: https://jsfiddle.net/unlimit/ycyy7k5m/ (works as expected)

Product version

Highstock v6.0.7

Affected browser(s)

Google Chrome v65, Safari v11.0.2, etc.

@pawelfus
Copy link
Contributor

@pawelfus pawelfus commented Mar 16, 2018

Hi @proteamer

Thank your for reporting this issue.

Internal note:
Regression from 0a92202 @KacperMadej

@ppotaczek
Copy link
Contributor

@ppotaczek ppotaczek commented Mar 21, 2018

The workaround is to set zIndex for xAxis:

xAxis: { zIndex: 999 }

Live demo: https://jsfiddle.net/BlackLabel/jjk39ass/

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.

3 participants
You can’t perform that action at this time.