Chart.js v2 - ẩn các đường lưới

Tôi đang sử dụng Chart.js v2 để vẽ biểu đồ đường đơn giản. Mọi thứ đều ổn, ngoại trừ có những đường lưới mà tôi không muốn:

Tài liệu về Biểu đồ đường có tại đây: https://nnnick.github.io/Chart.js/docs-v2/#line-chart , nhưng tôi không thể tìm thấy bất cứ điều gì về việc ẩn các "Đường kẻ lưới" đó.

Làm thế nào tôi có thể loại bỏ các đường lưới?

Tôi tìm thấy một giải pháp hoạt động để ẩn các đường lưới trong biểu đồ Đường.

Đặt gridLinesmàu giống với màu nền của div.

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

hoặc dùng

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

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

Nếu bạn muốn chúng biến mất theo mặc định, bạn có thể đặt:

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

Nếu bạn muốn ẩn đường lưới nhưng muốn hiển thị yAxes, bạn có thể đặt:

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

OK, đừng bận tâm .. Tôi đã tìm thấy mẹo:

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

Mã bên dưới sẽ loại bỏ các đường lưới khỏi khu vực biểu đồ, không chỉ các đường trong nhãn trục x & y

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