如何使用chartjs删除X轴上的多余线条？

如何解决如何使用chartjs删除X轴上的多余线条？

我们如何从 X 条网格线中移除这些 额外 线？我已经here，但似乎只是为了删除多余的 y 网格线。有人知道怎么做，如下图所示吗？

我尝试切换下面的 y 和 x，但似乎它隐藏了所有网格线，而不是仅隐藏在图表区域的外部。

var x_axis = chartInstance.scales['x-axis-0'];
var topY = chartInstance.scales['y-axis-0'].top;
var bottomY = chartInstance.scales['y-axis-0'].bottom;
x_axis.options.gridLines.display = false;
x_axis.ticks.forEach(function (label,index) {
  if (index === 0) return;
  var x = x_axis.getPixelForValue(label);
  ctx.save();
  ctx.beginPath();
  ctx.strokeStyle = x_axis.options.gridLines.color;
  ctx.moveto(x,topY);
  ctx.lineto(x,bottomY);
  ctx.stroke();
  ctx.restore();
});

解决方法

https://www.chartjs.org/samples/latest/scales/gridlines-display.html 看抽签假选项

                 scales: {
                    yAxes: [{
                        gridLines: {
                          display: true,drawBorder: true,drawOnChartArea: true,drawTicks: false,}
                        ticks: {
                            min: 0,max: 100,stepSize: 10
                        }
                    }]
                }