Удалите вертикальную линию на диаграмме js line chart

Я использую Chart.js для создания карт и настроил его в значительной степени. Но я не могу удалить вертикальную линию сетки, несмотря ни на что. Кто-нибудь сталкивался с такой ситуацией? Помогите оценить.

JavaScript

var ChartDataHome = {
        labels: ["",
            "NOV", "DEC", "JAN", "FEB",
        ],
        datasets: [{
            strokeColor: "rgba(255.255,255,1)",
            pointColor: "rgba(159,209,154,1)",
            pointStrokeColor: "rgba(255,255,255,1.00)",
            data: [4.5, 8.8, 7.5, 9.5, 7.8, 9]
        }, ]
    };

    var step = 2;
    var max = 10;
    var start = 0;
    ChartOptionsHome = {
        scaleLabel: "<%= value + ' K ' %>",
        pointDot: false,
        bezierCurve: false,
        scaleOverride: true,
        scaleSteps: 10,
        // scaleStepWidth: Math.ceil(4/2),
        scaleSteps: Math.ceil((max - start) / step),
        scaleStepWidth: step,
        scaleStartValue: start,
        scaleShowGridLines: true,
        scaleGridLineWidth: 0,
        scaleGridLineColor: "rgba(0,0,0,0.1)",
        datasetFill: false,
        animation: true,
        animationSteps: 60,
        scaleFontColor: "#ffffff",
        scaleFontSize: 14,
        scaleLineColor: "rgba(255,255,255,1)",
        datasetStrokeWidth: 6,
        responsive: true,

    }
    ChartOptions = {

    }

    if ($("#chartHome")[0]) {
        DrawTheChart(ChartDataHome, ChartOptionsHome, "chartHome", "Line");
    }

Ответ 1

Появилась новая глобальная опция, выпущенная с новой версией Chart.js два дня назад.

var options = {
    scaleShowVerticalLines: false
}

Ответ 2

Применительно к Chart.js 2. *.

Если у вас есть только одна ось X, отображаются ли вертикальные линии сетки (связанные с этой осью x) или нет, определяется логическим значением options.scales.xAxes[0].gridLines.display. Чтобы быть более точным, следующие параметры диаграммы отключают отображение вертикальных линий сетки для одного случая оси x.

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

Ответ 3

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

Ответ 4

попробуйте "scaleShowGridLines" : false,

Ответ 5

Я думаю, вы можете разделить оси x и y.

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

Надеюсь, это поможет вам.