Chart.js v2 - скрытие линий сетки

Я использую Chart.js v2, чтобы нарисовать простую линейную диаграмму. Все выглядит нормально, кроме линий сетки, которые мне не нужны:

Документация для линейной диаграммы находится здесь: https://nnnick.github.io/Chart.js/docs-v2/#line-chart , но я не могу найти ничего о том, как скрыть эти «линии сетки».

Как удалить линии сетки?

Я нашел решение, которое позволяет скрыть линии сетки на линейной диаграмме.

Установите gridLinesцвет таким же, как цвет фона div.

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

или используйте

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

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

Если вы хотите, чтобы они исчезли по умолчанию, вы можете установить:

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

Если вы хотите скрыть линии сетки, но хотите показать оси y, вы можете установить:

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

Ладно, забудь .. Я нашел трюк:

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

В приведенном ниже коде удаляются линии сетки только из области диаграммы, а не из меток осей x и y.

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