score:1

Accepted answer

was able to accomplish this in a bit of a "hacky" way, but ended up doing this:

 options= {
        scales: {
                // the following will affect the vertical lines (xaxe) of your dataset
                xaxes: {                 
                    grid: {
                        tickwidth:0, 
                        borderdashoffset:-210,
                        drawborder:true,
                        borderdash: [20,230],    
                    },
                },
                
        }
    }

the tickwdith: 0 is to stop the ticks from going below the x-axis line. the borderdash was fine-tuned to what i needed, 230 was the sweetspot to get to the bottom of my chart since the dashes start at the top of the grid-lines. the borderdashoffset was -210, the length of the border dash + the negative of the spacing(230). here is also a posted pic of my finished result:

enter image description here


Related Query

More Query from same tag