Hide Vertical Grid Lines

2 thoughts on “Hide Vertical Grid Lines”

1. @lucasengel you’re close, the following will do it:

   var chartInstance = new Chart(ctx, {
     options: {
       scales: {
         xAxes: [{
           gridLines: {
             drawOnChartArea: false
           }
         }]
       }
     }
   });

   Some additional details are in the Grid Lines section in http://www.chartjs.org/docs/#scales-common-configuration

2. You should use gridLines.display now instead of gridLines.drawOnChartArea

   var chartInstance = new Chart(ctx, {
     options: {
       scales: {
         xAxes: [{
           gridLines: {
             display: false
           }
         }],
         yAxes: [{
           gridLines: {
             display: true
           }
         }]
       }
     }
   });

Comments are closed.