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;

หากคุณต้องการซ่อนเส้นตาราง แต่ต้องการแสดง yAxes คุณสามารถตั้งค่า:

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

ตกลงไม่เป็นไร .. ฉันพบเคล็ดลับ:

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

โค้ดด้านล่างจะลบเส้นกริดออกจากพื้นที่แผนภูมิไม่ใช่เฉพาะในเลเบลแกน x & y

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