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

Boxplot - line width (FF 19) #1638

Closed
sebastianbochan opened this issue Mar 26, 2013 · 6 comments
Closed

Boxplot - line width (FF 19) #1638

sebastianbochan opened this issue Mar 26, 2013 · 6 comments

Comments

@sebastianbochan
Copy link
Contributor

@sebastianbochan sebastianbochan commented Mar 26, 2013

The problem is with line width for all elements like plotLines / axis line / box lines. In Firefox lines are thicker.

Please compare example
http://jsfiddle.net/highcharts/fWN75/

in Chrome and FF (19.0.1)

@TorsteinHonsi
Copy link
Collaborator

@TorsteinHonsi TorsteinHonsi commented Apr 3, 2013

I think this is a case of #110, where Firefox draws SVG shapes in between pixels. We don't have a solution for that when inside iframes, however it should work in a parent page. See http://jsfiddle.net/highcharts/fWN75/show/.

Please verify.

@jlbriggs
Copy link

@jlbriggs jlbriggs commented Apr 5, 2013

I am seeing the same problem in the example you posted. Latest FF and Chrome.
In many cases, it's not a subtle extra pixel - it is several. The thicker the lines, the more they overshoot on length as well.

@TorsteinHonsi
Copy link
Collaborator

@TorsteinHonsi TorsteinHonsi commented Apr 5, 2013

"In many cases" - what cases? Can you provide steps to reproduce? Perhaps even screenshots, I still can't see anything wrong.

@jlbriggs
Copy link

@jlbriggs jlbriggs commented Apr 9, 2013

boxplot

Note that at the bottom whisker of each boxplot, the lines overshoot by a pixel or two. The median lines overshoot the boxes by several.
Screen shot is from FF 20.

@TorsteinHonsi
Copy link
Collaborator

@TorsteinHonsi TorsteinHonsi commented Apr 10, 2013

Got it. Firefox 20 on Windows fails, Firefox 20 on Mac works.

Steps to reproduce:

  1. Open Firefox 20 on Windows
  2. Navigate to http://jsfiddle.net/highcharts/hjyxJ/show
  3. Observe the median lines overshooting the edges of the box, like in the screenshot above.
@TorsteinHonsi
Copy link
Collaborator

@TorsteinHonsi TorsteinHonsi commented Apr 10, 2013

Some digging shows strange discrepancies among browsers. Demo: http://jsfiddle.net/highcharts/mC6Ks/

Results:
Chrome 26 on Mac
2013-04-10_1205

Firefox 20 on Mac
2013-04-10_1206

Firefox 20 on Windows 7
2013-04-10_1207

According to this, we should use "round" in Firefox, but that's obviously wrong...

TorsteinHonsi added a commit that referenced this issue Sep 15, 2014
…rted fix for #1638, a workaround for a Firefox bug regarding linecaps. Newer Firefox versions don't have the bug.
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
3 participants