Remove the vertical line in the chart js line chart

Question

I am using Chart.js to generate maps and have customised it to a good extent. But I am not able to remove the vertical grid line no matter what. Has anyone come acr

Answer 1

I think you can seperate x and y axis.

  axes: {
        xaxis: {
            ticks: ticks,
            tickOptions: {showGridline:false}
        },
        yaxis: {
            tickOptions: {showGridline:true}
        }
    }

Hope this can help you.

Answer 2

options : {
            scales: {
                yAxes: [{
                    gridLines: {
                        lineWidth: 0,
                        color: "rgba(255,255,255,0)"
                    }
                }]
            }
    };
Charts.js v2.0

Answer 3

try "scaleShowGridLines" : false,

Answer 4

The following applies to Chart.js 2.*.

If you only have one x-axis, whether the vertical grid lines (that are related to this x-axis) are displayed or not, is specified by the boolean value of options.scales.xAxes[0].gridLines.display. To be more precise, the following chart options disable the display of vertical grid lines for the single x-axis case.

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

Answer 5

There's a new global option that was released with the new version of Chart.js two days ago.

var options = {
    scaleShowVerticalLines: false
}