Ngx-charts: barpadding before first bar and after last bar not set

Created on 15 Mar 2018 · 8Comments · Source: swimlane/ngx-charts

**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

When is set the barPadding parameter padding is only added between bars but not before the first and the last bar.

Expected behavior
Padding is also added before first and after last bar.

Reproduction of the problem
Use ngx-charts-bar-vertical and add [barPadding]="64"

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

Please tell us about your environment:

Tested with ngx-charts-bar-vertical

ngx-charts version: 7.0.1

Angular version: 5.x.x
Browser: all
Language: all

Need More Info Stale

Source

DHoffm

👍1

Most helpful comment

The use case is to have padding before the first bar and after the last bar. It looks better in my opinion. With only few bars it looks by default a bit bulky to fix this we tried to use the barPadding setting.

The background is the following:
At this moment the only option to get the bars smaller in width is to use the barPadding but this only increases the padding between the bars.

Example:

bar-example

DHoffm on 9 Apr 2018

👍4

All 8 comments

I'm not sure I understand this. What would be the use case for that behavior?

marjan-georgiev on 8 Apr 2018

The background is the following:
At this moment the only option to get the bars smaller in width is to use the barPadding but this only increases the padding between the bars.

Example:

bar-example

DHoffm on 9 Apr 2018

👍4

Are there any plans for this feature? It could work like groupPadding of the Grouped Vertical Barchart.

dvschnitz on 31 Oct 2018

It should look like this for example
bildschirmfoto 2018-11-07 um 11 03 52

Does anyone know how to accomplish this at the moment?

dvschnitz on 7 Nov 2018

I am also in favour of this feature. It looks bad when its not centred for small data set. I've tired adding empty objects in front of array and in the end but it concats both empty objects.