Apexcharts.js: endingShape / Stroke bar chart

[LucaCorcella]

Round end on bar chart

Hi my code for bar chart is.
let option = {
chart: {
type: 'bar',
width: 200,
height: 150,
sparkline: {
enabled: true
}
},
plotOptions: {
bar: {
columnWidth: '40%',
endingShape: 'rounded',
dataLabels: {
position: 'top',
}
}
},
series: series,
labels: labels,
dataLabels: {
enabled: true,
offsetY: -15,
style: {
fontSize: '8px',
fontWeight: 'bold',
fontFamily: 'sans-serif',
colors: ['#000']
},
dropShadow: {
enabled: false,
top: 1,
left: 0,
blur: 1,
opacity: 0.45
}
},
stroke: {
show: true,
width: 1,
colors: ['transparent']
},
xaxis: {
crosshairs: {
width: 1
},
},
tooltip: {
fixed: {
enabled: false
},
x: {
show: false
},
y: {
title: {
formatter: function (seriesName) {
return ''
}
}
},
marker: {
show: false
}
}
}

Explanation

• I would like a bar with rounded border on end
• But with the current version, it doesn't work, if I try with this version https://cdnjs.cloudflare.com/ajax/libs/apexcharts/1.4.6/apexcharts.min.js" it works fine!

[junedchhipa]

The endingShape property has been deprecated, and soon a new property borderRadius will be implemented.

[LucaCorcella]

@junedchhipa thx,

so with version 3.6.3 I can't get bar rounded?.

Now I'm trying the 3.0.0 version and it works!

[junedchhipa]

It was removed recently in 3.6.0.
You may use 3.0.0 until borderRadius is released

[junedchhipa]

Closing as related to #414

[rileylnapier]

any update on borderRadius?

[astronati]

+1

[rileylnapier]

Btw, I went to recharts. I can define my own shape. Wanted to share in case anyone else was looking for alternatives.

[astronati]

@rileylnapier how?

[Thimows]

Any updates on the release of 'borderRadius'?

[lmrisdal]

@junedchhipa Just wondering, was the idea of a border-radius property scrapped? I have been looking for a way to make the corners only slightly rounded.

[csfeijo]

This rounded shape is a little bit "abnormal" - it´s possible to be really rounded instead a "sausage" bars ?

[csfeijo]

Thanks @junedchhipa :

I´m using 30% for barHeight - less than that the legend inside the bars will be unreadable.

[csfeijo]

Ok, no problem !!!
Thanks for your support, the ApexCharts is amazing, this is a minimal detail guys!
Cheers,

[adibreaban]

Is this working also with pie charts?