Chart.js v2 - 隐藏网格线

小编典典

Chart.js v2 - 隐藏网格线

all

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

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

如何删除网格线？

阅读 95

2022-07-01

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

2022-07-01