score:1

Accepted answer

use this for your labels array:

labels: [["jan", 20], "", "", "", "", "", ["jul", 20], "", "", "", "", "", ["jan", 21]],

and this to your options object:

options: {
    scales: {
        xaxes: [{
            ticks: {
               callback: (label) => (label === "" ? null : label)
          }
      }]
    }
  }

will get the following result: enter image description here

since the tick marks are getting generated from the grid lines they dissapear too, dont know how you can fix that


Related Query

More Query from same tag