Chart.js: Conditionally display gridlines? [QUESTION]

[javalen]

Is there a way to conditionally hide gridlines based on the dataset?

[etimberg]

@javalen in the scaleOptions.ticks.callback property, you can return NaN to hide the grid line.

[javalen]

Thanks for the information, will that remove a single horizontal line or all horizontal lines on the chart?. I'm trying to selectively remove or hide some lines while showing others at the same time. Thanks again

[etimberg]

You can remove individual lines. I also made a mistake in my previous comment. You return undefined not NaN.

options: : {
  scales: {
    yAxes: [{
      ticks: {
        callback: function(tick, index, ticksArray) {
          // return the string representation of the tick value. Return undefined to hide the grid line
        }
      }
    }]
  }
}

[javalen]

Works perfectly, Thanks!

[etimberg]

Awesome 😄