I'm using Internet Explorer 8, and the rep graph on my network profile now looks like this:

weird graph pic

I just checked and it's not just my graph, other users are showing up like this as well.

Another weird part is that, if I add or remove something that changes the scale of the graph, for a second I can see the normal lines move and then stop behind the fat grey lines.

  • Looks fine for me in IE9's IE8 mode. – balpha Jan 4 '12 at 15:44
  • Fine for me on the latest Chrome (Windows 7). – Oded Jan 4 '12 at 15:54
  • 1
    Looks fine on FF8.0 and FF3.6.20 – Shawn Chin Jan 4 '12 at 16:07
  • 1
    Reproduced on IE8/Win7. Looks fine on Chrome and FF. – NullUserException อ_อ Jan 4 '12 at 16:08
  • 2
    Ah... repro on IE8 (Win XP)! – Shawn Chin Jan 4 '12 at 16:09
  • Got funkier when I selected a specific region: i.stack.imgur.com/rilhM.png – Shawn Chin Jan 4 '12 at 16:11
  • Me too. IE8 Windows 7. Started maybe two weeks ago. Looks fine in FF. Has survived through stuff like rebooting the machine and applying updates. Thanks for reporting, @DForck42! – Kate Gregory Jan 4 '12 at 16:15

This is caused by an issue with html5shiv (previously reported in this highslide dev forum post). When the shiv is present, the highcharts tracker overlay elements (22px wide) are render fully opaque instead of the being transparent as intended.

Try viewing this in IE8: http://jsfiddle.net/dM3ZR/3/ (funky grey lines).

Then, with the inclusion of html5shiv removed: http://jsfiddle.net/dM3ZR/1/ (all is well again).

This problem is resolved if the version from the innerShiv-branch is used (as mentioned in the discussion on the issue). Demo: http://jsfiddle.net/dM3ZR/2/

While waiting for the fix to get merged into the trunk, one option is to switch to the older 2.2 version which has been reported to not have this problem.

Issue resolved: The issue with html5shiv has been resolved (c993fe), and as stated by Emmett, the fix has been deployed on SE. We can all expect to see less freaky lines from now on (if you turn a blind eye on freehand circles!). Kudos to the devs at html5shiv and here at SE!

  • yup, i get the same results – DForck42 Jan 4 '12 at 18:24
  • Reproduced on IE8/Win7; first link looks funky, second one looks fine. – NullUserException อ_อ Jan 4 '12 at 18:25
  • Ah ha! Great find. – Tim Stone Jan 4 '12 at 18:34
  • Any time line for the fix to html5shiv or a change to the rep graph so that the issue doesn't affect us? I am still seeing the grey lines in IE. – Kate Gregory Jan 20 '12 at 17:53
  • @Kate As far as I can tell, there hasn't been any updates on this issue from the html5shiv devs or the ones here. I'm watching the issue on GitHub so I'll keep you posted if I hear anything. – Shawn Chin Jan 20 '12 at 18:47
  • @kate there's been a flurry of discussion on the issue page. Perhaps we'll see a fix soon. P.s. I haven't had a chance to read through the discussion. – Shawn Chin Jan 25 '12 at 8:15
  • @KateGregory FYI. This issue is now resolved. – Shawn Chin Jan 30 '12 at 12:58
  • @ShawnChin I can confirm it looks great now! Thanks! – Kate Gregory Jan 30 '12 at 12:59

As pointed out by Shawn Chin, the problem is caused by an html5shiv incompatibility with Highcharts in IE8.

We've pulled in a very recent html5shiv fix, which seems to have done the trick.

  • Thanks Emmett. I can confirm that the graphs are now as pretty as ever! – Shawn Chin Jan 30 '12 at 13:03

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .