Height, Width and Padding are going nutz!

I’m submitting a … (check one with “x”)

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

So ngx-charts is great to use most of the time. my request goes to get a variable to set the height and width independently, I am having a lot of issues on getting the tables to display properly with the automatic solution you have, as my container is dynamic on height it goes to 0 when I insert the chart only, so I have to manually set a height which then goes nutz with the charts axis labels. Another big issues is padding, I saw #225 but if I put another div inside my html it makes the chart HUGE! and doesnt work as a workaround, I use INSPINA dashboard SPA which has some small white boxes called ibox that holds stuff like widgets but the chart goes insane inside it.

So basically I would love 2 features:

• independent height and width variables.
• padding option.

[alex88]

In my case, having set [view]="[100,100]" doesn’t set the chart to be 100x100 but just the container and the graph has quite some padding

is there a way to not have that padding? At the end the g element that contains the graph is 60x60, which wastes 40% of the space

[mnasyrov]

I made another workaround by using a directive which can do the same without timeouts.

import {Directive, Self} from '@angular/core';
import {PieChartComponent} from '@swimlane/ngx-charts';

@Directive({
    selector: 'ngx-charts-pie-chart[hotfix-zero-margin]'
})
export class NgxPieChartZeroMarginDirective {
    constructor(@Self() pieChart: PieChartComponent) {
        pieChart.margin = [0, 0, 0, 0];
    }
}