Как я могу сделать мой ngx-line-chart отзывчивым?

Я использую ngx-admin и пытаюсь настроить ngx-line-chart на отзывчивость.

Моя диаграмма находится в nb-карточке, и когда я изменяю размер окна, nb-card полностью реагирует. Поэтому я хочу, чтобы размер моей диаграммы был изменен, чтобы он уместился внутри nb-карты.

Мой html-код:

<div style="margin: 100px auto auto">
    <nb-card>
        <nb-card-header>XXXXXXXXXX</nb-card-header>
            <nb-card-body>
                <ngx-line-chart></ngx-line-chart>
            </nb-card-body>
    </nb-card>
</div>

мой компонент:

import { Component } from '@angular/core';

@Component({
    selector: 'ngx-line-chart',
    template: `
    <ngx-charts-line-chart
      [scheme]="colorScheme"
      [results]="multi"
      [xAxis]="showXAxis"
      [yAxis]="showYAxis"
      [showXAxisLabel]="showXAxisLabel"
      [showYAxisLabel]="showYAxisLabel"
      [xAxisLabel]="xAxisLabel"
      [yAxisLabel]="yAxisLabel">
    </ngx-charts-line-chart>
  `,
})
export class LineChartComponent {
    showXAxis = true;
    showYAxis = true;
    showXAxisLabel = true;
    xAxisLabel = 'Date';
    showYAxisLabel = true;
    yAxisLabel = 'Services effectués';
    colorScheme = {
        domain: ['blue'],
    };
    themeSubscription: any;
    multi = [
        {
            name: 'Services effectués',
            series: [
                {
                    name: '01/01/2019',
                    value: 156,
                },
                {
                    name: '02/01/2019',
                    value: 134,
                },
                {
                    name: '03/01/2019',
                    value: 140,
                },
                {
                    name: '04/01/2019',
                    value: 167,
                },
                {
                    name: '05/01/2019',
                    value: 158,
                },
                {
                    name: '06/01/2019',
                    value: 178,
                },
                {
                    name: '07/01/2019',
                    value: 310,
                },
            ],
        },
    ];

    constructor() {
    }
}

Я уже пытаюсь настроить размер экрана, чтобы размер моей диаграммы соответствовал размеру экрана, но он не был полностью отзывчивым. Чтобы изменить размер диаграммы, я могу использовать переменную view = [x, y]. Я читал в документации ngx-line-chart, что, если размер не определен, диаграмма подходит для его контейнера, но в моем случае это не работает.

Спасибо за помощь !