Space between the dashes on the zero line is not transparent

[holetest]

If I use the borderDash property with gridLines, the space between the dashes on the zero line is not transparent. Please look at this image: https://i.stack.imgur.com/T82Zc.png

Here is a CodePen: http://codepen.io/anon/pen/bgqyjW

I reproduced this issue on Firefox and Chrome on my Windows PC only when I resize the setting "change the size of text,apps and other items" to 125% in display settings. I am using ChartJS version 2.4

[etimberg]

Try

options: {
  scales: {
    xAxes: [{
      gridLines: {
        drawBorder: false
      }
    }]
  }
}

[holetest]

Still there: http://imgur.com/KLBORMG.png

It's like if the gridLines are still generated above even if it's the zeroline.

[etimberg]

in the end, what look are you trying to achieve with that first gridline?

[holetest]

Nothing in particular, that's why I'm pretty sure this is a bug. The gridline should not be displayed on top of the zero line especially if there's a border: http://i.imgur.com/4lC8DXT.png

[hackape]

Got same issue here, dashed gridLines overlap zeroLine (which is the border).

[hackape]

@holetest but these is a work-around, you can set zeroLineColor: 'rgba(0, 0, 0, 0)'

[lndobryden]

I have a PR that exposes border dash options for the zero line that should alleviate this issue.
#4019
I'm working on getting a codepen of plnkr together to showcase how this works.

[etimberg]

I believe this was resolved with #4019 which will release in v2.6.0