Таблица.js v2-скрытие линий сетки


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

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

может кто-нибудь помочь мне? Спасибо.

4 64

4 ответа:

Я нашел решение, это работает для меня на графике линии. Установите тот же цвет линий сетки, что и цвет фона 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
                }   
            }]
    }

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

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

ОК, проехали.. Я нашел трюк:

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