有没有一种方法可以使刻度线保持在X轴上，并使用chart.js从图表中删除网格线

Question

我使用的是chart.js版本2，我需要弄清楚在删除gridLines（设置display: false）之后如何将所有刻度线保留在x轴上（对于每个整数）。它在版本1中有效，但是我需要更改，因为在版本2中还需要其他功能，但是现在我无法保留价格。

我尝试更改刻度线的设置，并且阅读了chart.js文档，但似乎找不到能帮助我的东西。我尝试添加颜色，字体颜色，tickColor和点标签，但这无济于事。

xAxes: [{
  gridLines: {
    display: false,
    color: "black",
    drawTicks: true,
    lineWidth: 1
  },
  ticks: {
    color: "black",
    fontColor: "black",
    fontSize: 10,
    fontStyle: "bold",
    tickColor: "red",
    showLines: true
  },
  pointLabels: {
    fontColor: "black"
  }
}]

这是应该的样子（版本1）：

这是我当前的代码（版本2）所做的：