Как удалить лишние линии на оси X с помощью chartjs?

Как мы можем удалить эти лишние линии из линий сетки X? Я уже был здесь, но, кажется, это только для удаления лишнего 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();
});

javascript chart.js chartjs-2.6.0
person gecko    schedule 12.01.2021    source источник

Ответы (1)


arrow_upward
0
arrow_downward

https://www.chartjs.org/samples/latest/scales/gridlines-display.html См. параметр drawticks false

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