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

Comments

Projects
None yet
3 participants
@sebastianbochan
Contributor

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

This comment has been minimized.

Collaborator

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

This comment has been minimized.

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

This comment has been minimized.

Collaborator

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

This comment has been minimized.

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

This comment has been minimized.

Collaborator

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

This comment has been minimized.

Collaborator

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

Fixed #3436 causing round linecaps on median lines in box plots. Reve…
…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