Блог

Главная - Вопросы по программированию - Как я могу удалить нижнюю строку с диаграммы с помощью Chart.js

Как я могу удалить нижнюю строку с диаграммы с помощью Chart.js

#javascript #angular #chart.js

Вопрос:

Я создал диаграмму, используя Chart.js для углового. Внизу есть серая линия, которую я не знаю, как удалить.

введите описание изображения здесь

Это моя конфигурация диаграммы:

 const gradientBackNone = this.canvas.nativeElement
  .getContext("2d")
  .createLinearGradient(0, 0, 0, 180);
gradientBackNone.addColorStop(0, "rgba(130,139,216,.8)");
gradientBackNone.addColorStop(0.4, "rgba(130,139,216,.2)");
gradientBackNone.addColorStop(1, "rgba(130,139,216,0)");

this.lineChartOptions.layout.padding = {
  left: 0,
  right: 0,
  top: 0,
  bottom: 0
}
this.lineChartOptions.scales.yAxes[0].ticks.display = false;
this.lineChartOptions.scales.yAxes[0].ticks.padding = 0;
this.lineChartOptions.scales.yAxes[0].gridLines.color = 'transparent';
this.lineChartOptions.scales.xAxes[0].ticks.display = false;
this.lineChartOptions.scales.xAxes[0].ticks.padding = 0;
this.lineChartOptions.scales.xAxes[0].gridLines.borderColor = 'transparent';
this.lineChartOptions.scales.xAxes[0].gridLines.zeroLineColor = 'transparent';
this.lineChartOptions.scales.xAxes[0].gridLines.display = false;
this.lineChartOptions.scales.xAxes[0].gridLines.drawBorder = false;
this.lineChartColors = [{
  borderColor: "#828bd8",
  backgroundColor: gradientBackNone
}];

Знаете ли вы, почему эта линия все еще там, если у меня есть скрытые свойства borderColor, zeroLineColor, display и drawBorder?

Спасибо, друзья

Комментарии:

1. Привет @Losina, и добро пожаловать в Stack Overflow! Я отправил правку на ваш вопрос, которая просто немного изменяет тон и презентацию-обычно вы получаете наилучшие результаты с максимально кратким и неэмоциональным языком, и я расширил вашу ссылку, чтобы было очень ясно, чего следует ожидать, если кто-то нажмет на нее. Удачи с вашим вопросом!

Метки: