Stacked Vertical Bar Chart with no/empty view property overflows parent container (bootstrap card)

I’m submitting a …

[X] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior Stacked Vertical Bar Chart with no/empty view property overflows parent container (bootstrap card)

Expected behavior Chart should fit within parent container

Reproduction of the problem

import { Component, OnInit } from '@angular/core';
import {single, multi} from './data';

@Component({
  selector: 'app-pitching-volume',
  templateUrl: './pitching-volume.component.html'
})

export class PitchingVolumeComponent implements OnInit {

    single: any[];
    multi: any[];

    // options
    barPadding = 20;
    colorScheme = {
        domain: ['#3f89de', '#5fc4d6', '#7067e6']
    };
    showXAxis = true;
    showYAxis = true;

    constructor() {
        Object.assign(this, {single, multi});
    }

    ngOnInit() {
        console.log('init');
    }

    onSelect(event) {
        console.log(event);
    }

}

<div class="card">
    <div class="card-header">
        <p class="text-primary"><strong>Pitching volume & effectiveness</strong></p>
    </div>
    <div class="card-body">
        <ngx-charts-bar-vertical-stacked
            [barPadding]="barPadding"
            [results]="multi"
            [scheme]="colorScheme"
            [xAxis]="showXAxis"
            [yAxis]="showYAxis"
            (select)="onSelect($event)">
        </ngx-charts-bar-vertical-stacked>
    </div>
</div>

What is the motivation / use case for changing the behavior?

Please tell us about your environment: Visual Studio Code

• ngx-charts version: 7.0.1
• Angular version: 5.0
• Browser: [all]
• Language: [all]

[TENDesign]

Wow, never used stackblitz before, but i love it! https://stackblitz.com/edit/angular-gl3d1x

[marjan-georgiev]

Here it is fixed: https://stackblitz.com/edit/angular-u6endj?file=app/pitching.component.html

I assumed that your container has a height already set. The parent container must have a width and height bigger than 0 when empty, otherwise when the chart measures it and sees 0, it sets default dimensions, which is what happened here.