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
                    }
       }]

OK、ネバーマインド..私はトリックを見つけました：

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

以下のコードは、x＆y軸ラベルのグリッド線だけではなく、グラフエリアからグリッド線を削除します

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