title: How can I make my ngx-line-chart responsive?
body: <p>I'm using ngx-admin and I'm trying to make my ngx-line-chart responsive.</p>
  
  <p>My chart is in a nb-card, and when I resize the window the nb-card is totaly responsive. So I want my chart to be resized to fit inside the nb-card.</p>
  
  <p>My html code:</p>
  
  <pre><code>&lt;div style="margin: 100px auto auto"&gt;
      &lt;nb-card&gt;
          &lt;nb-card-header&gt;XXXXXXXXXX&lt;/nb-card-header&gt;
              &lt;nb-card-body&gt;
                  &lt;ngx-line-chart&gt;&lt;/ngx-line-chart&gt;
              &lt;/nb-card-body&gt;
      &lt;/nb-card&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>my component:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
      selector: 'ngx-line-chart',
      template: `
      &lt;ngx-charts-line-chart
        [scheme]="colorScheme"
        [results]="multi"
        [xAxis]="showXAxis"
        [yAxis]="showYAxis"
        [showXAxisLabel]="showXAxisLabel"
        [showYAxisLabel]="showYAxisLabel"
        [xAxisLabel]="xAxisLabel"
        [yAxisLabel]="yAxisLabel"&gt;
      &lt;/ngx-charts-line-chart&gt;
    `,
  })
  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() {
      }
  }
  </code></pre>
  
  <p>I already try to get the screen size to change my chart size with the screen size but it wasn't perfectly responsive.
  To change the size of the chart I can use a variable view=[x, y].
  I read in the ngx-line-chart documentation that if no size is defined the chart fit to his container, but in my case it doesn't work.</p>
  
  <p>Thank you for your help !</p>