chart not filling-up div

See screenshot

I want the chart to nicely fill up the area. Is this a bug? Or am I doing something wrong?

Thanks!

HTML

<div class="chart-wrapper">
    <chart class="chart" [options]="options"></chart>
</div>

CSS

.chart {
    border: 3px solid yellow;
    width: 100% !important;
}

.chart-wrapper {
    border: 3px solid orangered;
    width: 100% !important;
}

[]

[sspilleman]

You’re probably right… I fixed it by applying “display:block” to the chart div… Must be the bootstrap class “container” leaking onto your component or something. You may want to add it to the docs though

[born2net]

do this:

chart {
    width: 100% !important;
    margin: 0 auto;
    display: block;
}