javascript - Chart.js v2 - 隐藏网格线

Question

我正在使用 Chart.js v2 绘制一个简单的折线图。一切看起来都很好，除了有一些我不想要的网格线:

折线图的文档在这里:https://nnnick.github.io/Chart.js/docs-v2/#line-chart ，但我找不到任何关于隐藏那些“网格线”的信息。

如何去除网格线？

Answer 1

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

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