Improve bar chart borderRadius

As you can see, the endingShape & startingShape are very ugly for bar chart.

plotOptions: {
  bar: {
    horizontal: false,
    columnWidth: '50%',
    distributed: true,
    endingShape: 'rounded',
    startingShape: 'rounded',
  },
},

Please change ‘flat’ or ‘rounded’ to number (or add the possibility to use number) to create custom border radius for bar column. For example (similar in HighCharts): https://github.com/highcharts/rounded-corners & https://jsfiddle.net/BlackLabel/tdp1y0wb or https://github.com/bellstrand/highcharts-border-radius

[marssantoso]

Can borderRadius accept percentage @junedchhipa? The current implementation looks weird especially when the column width changes.

Here is what I want. Basically perfect round corners.

But here it is when the column width becomes too large.

It gets even weirder when the column width gets too small.

Thx for the great lib btw.

Edit: I suppose the workaround for this is to set the responsive options accordingly (which is what I’m doing currently). But wouldn’t it be great if it just works as expected without tuning more options.

[Thimows]

+1

Percentages for the borderRadius will make way more sense. Having these same issues as well.