Chart.js v2 – 隐藏网格线

我正在使用Chart.js v2绘制一些简单的折线图。 除了那些网格线以外，一切正常。

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

有人能帮我吗？ 谢谢。

Answer 1

我find了一个解决scheme，这是在线图我的作品。 设置与div的背景颜色相同的gridLines颜色。

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

Answer 2

好的，没关系..我find了诀窍：

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