Chart.js: Stop Gridlines from expanding past last ticks

[FreelanceWebNinja]

Is there a way to stop the gridlines from expanding past the final ticks?

[etimberg]

There is a setting to disable these. I don't remember it off the top of my head.

[FreelanceWebNinja]

Darn, I cant find it in the documentation anywhere.

[etimberg]

This will do it

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

[FreelanceWebNinja]

Right, that removes them from within the tick area, but I'm trying to remove are those at the edges:

[etimberg]

right, that's not possible. they're coming in because of the label padding

[FreelanceWebNinja]

Darn, possibly they can add a feature for setting the first and last labels at the baseline.

[tgucci]

+1 for this. Please fix it.

[ekumlin]

Agreed, I would love this feature. It's especially notorious if you have wide labels on the X-axis. (The extraneous lines in the areas marked by red below should be hide-able.)

(Link to fiddle used for this image: http://jsfiddle.net/rzwuq9vw/)

[mdopieralski]

+1

[etimberg]

Duplicate of #2478

[ekumlin]

@etimberg Looks like that's related to angled labels only. This bug is not. Are they the same root cause?

[FreelanceWebNinja]

Not sure why it was closed either.

Sent from my iPhone

On Aug 25, 2016, at 1:26 AM, Eric [email protected] wrote:

@etimberg Looks like that's related to angled labels only. This bug is not. Are they the same root cause?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

[etimberg]

They are the same root cause