Линии сетки Chart.js не скрываются

Question

Так что я пытаюсь понять, как скрыть линии сетки в Chart.js.Согласно документации здесь , использование значения false для всех display, drawOnChartArea, drawTicks должно быть избыточным.Однако по какой-то причине отображаются серые линии на заднем фоне:

Вот мой options.scales объект:

  scales: {
    xAxes: [{
      gridlines: {
        display: false,
        drawOnChartArea: false,
        drawTicks: false
      },
      ticks: {
        display: false
      }
    }],
    yAxes: [{
      gridlines: {
        display: false,
        drawOnChartArea: false,
        drawTicks: false
      },
      ticks: {
        display: false,
        fontFamily: chartsFont,
        fontColor: color
      }
    }]
  }

Помогите пожалуйста!Должно быть, я упускаю что-то очевидное, верно?

Answer 1

Просто измените "gridlines" на "gridLines"
"L" в кепках

Вы можете увидеть живой пример на сайте: http://www.chartjs.org/samples/latest/scales/gridlines-display.html

Answer 2

vAxis: {
            gridlines: {
                color: 'none'
            }
       },
hAxis: {
            gridlines: {
                 color: 'none'
            }
         }

работает на меня. Вы также можете попробовать «прозрачный» вместо «нет»