As you can see, if you go to the reputation graph on your profile on Stack Overflow, the bars in the bottom overview will be white. This makes them invisible unless they are selected.


This does not happen on meta or any other site. Also, I cannot seem to reproduce it on others' profile. Possibly a bug only on your own profile?
EDIT: I think I've existed for too long. If I change the CSS on one of the bars to stroke: none, then it becomes green. I think the outline is covering the fill because the bars are too skinny.
EDIT2: Confirmed hypothesis by reproducing on Jon Skeet's graph.
Proposed solution: enforce minimum bar width and add horizontal scrollbar.
EDIT3: Can only repro on Chrome 29.0.1547.57 (Official Build 217859) m (the latest version). Norepro on older versions of Chrome, IE9 (winces), all versions of FF, and all versions of Safari.
EDIT4: Can be fixed simply by running the JavaScript $('rect').css('stroke-width', '0') or a userstyle rect { stroke: none }. I may make a user[style|script] to fix this.

  • 10
    Yep, same here. – Bart Aug 24 '13 at 15:24
  • I don't know what I'm missing, I can't repro this on your SO profile using Chrome on Windows. – Cody Gray Aug 24 '13 at 15:36
  • @CodyGray What version? I'm using Chrome on Win7, version 29.0.1547.57 (Official Build 217859) m – Doorknob Aug 24 '13 at 15:37
  • 1
    Oh yeah, I haven't upgraded yet. I'm dreading that damned new pop-up box style. I still have 28.0.1500.95. – Cody Gray Aug 24 '13 at 15:39
  • @CodyGray Alright, edited. Attempting to repro on FF. Cannot. – Doorknob Aug 24 '13 at 15:43
  • I just updated from 28 to 29.0.1547.57 m and can confirm the change in behaviour (Windows 7 Ultimate x64 SP1). Not only that, if you select a new range in the bottom graph, the bars in the top graph disappear until you mouse over it, then you get this: i.imgur.com/RYiUfNy.png – Kev Aug 24 '13 at 17:14
  • … I didn’t know there was an outline. Why? – Ry- Aug 29 '13 at 4:40
  • @minitech Good point, maybe just remove the outline – Doorknob Aug 29 '13 at 11:45
  • 1
    If you select a big area to show on the graph (big date range) it will become blank (the big chart) but it will let you hover the mouse over the "invisible" bars with extrange behaviour. – SysDragon Sep 4 '13 at 10:28

I've added

rect {
  stroke: none

To our stylesheets. With you in the next build.


I have created a userstyle to fix this. The code is extremely simple:

rect {
  stroke: none

It applies to




You must log in to answer this question.

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