Javascript Chart.js v2-隐藏网格线

我正在使用Chart.jsv2绘制一个简单的折线图。一切看起来都很好，只是有些网格线我不想要：

折线图的文档在这里：，但我找不到任何关于隐藏这些“网格线”的内容

---

如何删除网格线？

我找到了一种在折线图中隐藏网格线的解决方案

将

网格线

颜色设置为与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
            }   
        }]
    }
}

---

好吧，没关系。。我发现了窍门：

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

---

如果希望在默认情况下删除它们，可以设置：

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

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

---

如果要隐藏网格线但要显示雅克斯，可以设置：

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

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

---

下面的代码仅从图表区域中删除网格线，而不是从x&y轴标签中删除网格线

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

---

请参阅官方文件：

下面的代码更改将隐藏网格线：

        gridLines: {
            display:false
        }

---

从3.x版起，使用此语法。 请参阅chart.js迁移指南：

---

这实际上是将网格线颜色设置为

0不透明度

黑色（透明颜色）。所以不管div的背景色如何，这都应该可以工作。或者使用display:false，而不是“color”，非常感谢！如果文档能更清楚地说明这个问题就好了。：）虽然这个第一个答案可能达到预期的效果，但它有点像黑客。第二种解决方案实际上是将gridLines显示属性设置为false，这似乎更正确。这也是删除x轴（单线）和y轴（单线）的线。但我只想删除图表上的线条。所以drawOnChartArea:false做的是正确的。这个答案让我保持了比例，但没有在图表上画网格线。我认为这是更好的答案。好答案。不过这更简洁：

Chart.defaults.scale.gridLines.drawOnChartArea=false这是正确的答案，因为这不会改变绘图区域的任何内容，谢谢Ahmed