Chart.js v2 -隐藏网格线

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

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

如何删除网格线?

当前回答

如果你想让它们默认消失，你可以设置:

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

2018-06-08 22:19:03

其他回答

这为我的react项目做了

天平:{ xAxis: { 网格:{ 显示:假｝｝｝

我希望这对你们有帮助

2022-09-16 06:13:44

如果你想让它们默认消失，你可以设置:

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

2018-06-08 22:19:03

ChartJS 3的更新:

  const options = {
    scales: {
      x: {
        grid: {
          display: false,
        },
      },

      y: {
        grid: {
          // display: false,
          color: 'rgba(217,143,7,0.1)',
        },
      },
    },
}

2022-03-24 13:39:16

options: {
    scales: {
        xAxes: [{
            gridLines: {
                drawOnChartArea: false
            }
        }],
        yAxes: [{
            gridLines: {
                drawOnChartArea: false
            }
        }]
    }
}

2018-08-20 13:33:10

下面的代码只删除x轴和y轴标签中的网格线

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

2019-11-27 16:32:24

Chart.js v2 -隐藏网格线

推荐文章

最新文章

标签