Chart.js v2 - ukrywanie linii siatki

Używam Chart.js v2 do narysowania prostego wykresu liniowego. Wszystko wygląda dobrze, z wyjątkiem linii siatki, których nie chcę:

Dokumentacja dla wykresu liniowego jest tutaj: https://nnnick.github.io/Chart.js/docs-v2/#line-chart , ale nie mogę znaleźć nic o ukrywaniu tych „Linii siatki”.

Jak mogę usunąć linie siatki?

Znalazłem rozwiązanie, które działa do ukrywania linii siatki na wykresie liniowym.

Ustaw gridLineskolor tak, aby był taki sam jak kolor tła elementu div.

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                color: "rgba(0, 0, 0, 0)",
            }
        }],
        yAxes: [{
            gridLines: {
                color: "rgba(0, 0, 0, 0)",
            }   
        }]
    }
}

albo użyj

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                display:false
            }
        }],
        yAxes: [{
            gridLines: {
                display:false
            }   
        }]
    }
}

options: {
    scales: {
        xAxes: [{
            gridLines: {
                drawOnChartArea: false
            }
        }],
        yAxes: [{
            gridLines: {
                drawOnChartArea: false
            }
        }]
    }
}

Jeśli chcesz, aby znikały domyślnie, możesz ustawić:

Chart.defaults.scale.gridLines.display = false;

Jeśli chcesz ukryć linie siatki, ale chcesz pokazać yAxes, możesz ustawić:

yAxes: [{...
         gridLines: {
                        drawBorder: true,
                        display: false
                    }
       }]

OK, nieważne ... znalazłem sztuczkę:

    scales: {
      yAxes: [
        {
          gridLines: {
                lineWidth: 0
            }
        }
      ]
    }

Poniższy kod usuwa tylko linie siatki z obszaru wykresu, a nie te w etykietach osi X i Y

Chart.defaults.scale.gridLines.drawOnChartArea = false;