Boxplot - line width (FF 19)

[sebastianbochan]

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]

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]

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]

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

[jlbriggs]

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]

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]

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

Results:
Chrome 26 on Mac

Firefox 20 on Mac

Firefox 20 on Windows 7

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