Apexcharts.js: Did you removed option for rounded bar chart??

[jsinhSolanki]

Hi, I am using bar chart. In your previous version of vue-apexcharts I had rounded bar charts. But as I updated to latest version. I lost my rounded corners in my bar chart. I checked your docs I can not find option I used previously.

...
endingShape: 'rounded',
...

Before(ver 1.2.8):

Now:

I have same code. I havn't changed any parameter in chart options.

~ Regards

[junedchhipa]

The endingShape option was removed in the latest release of apexcharts (3.6.3) due to increased complexity in the code.
A new property borderRadius will be added to get a similar look.

Sorry for the trouble - Need to update the docs to indicate the deprecated options.

[junedchhipa]

I have added the endingShape option again until borderRadius property is implemented.

[jsinhSolanki]

Thank You so much. great job.

[jsinhSolanki]

So, which version do I have to install to get that rounded endingShape. My current version 1.3.2.

[junedchhipa]

You have to install [email protected], not vue-apexcharts, as the change is done in the core library.

[eved42]

Hi,
I'm using 3.16.0 version and I can't find the borderRadius option. I want to use it with a vertical bar chart please.

[eved42]

I tried :

plotOptions: {
    bar: {
        endingShape: 'rounded'
    }
},

But the result isn't the one that I expected...

EDIT
plotOptions.bar.endingShape is deprecated in favor of

plotOptions: {
    bar: {
        borderRadius: 10
    }
},

[kagankorkmaz]

İs it possible to give border-radius by manually, rather than flat or rounded?

[junedchhipa]

@kagankorkmaz Sorry, manual border-radius is not possible.

[naime-hossain]

@junedchhipa can you please check this issue
Thanks

[muneebahmad0600]

Hello.. I am using apex charts in angular 10 and the startShape and endingShape parameter rounded is not working for me ..
Also while building it gives the following error.

"ERROR in node_modules/ng-apexcharts/lib/ng-apexcharts.module.d.ts:6:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.
This likely means that the library (ng-apexcharts) which declares NgApexchartsModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy."

[nikitatrifan]

Hey guys, would it be possible to make rounded only the top and bottom parts of a stacked chart instead of making rounded every piece of it? @junedchhipa

[StarryFire]

@nikitatrifan bro, did you find the solution to this? I am trying to solve the same exact problem.

[naime-hossain]

Sorry bro, No luck on that :(

[marghoobahmad0344]

any luck with this issue bro?

[AlokMishra051298]

Have you got any way to come up with the expected result?

[thefrontendfreak]

@nikitatrifan bro did you find any solution ..??I have also facing this issue

[bennyyao]

From the logic of the "rounded bar" feature, I think these two options should have different rendering effects when chart.stacked is true.

[IsaacSomething]

Here is an alternative solution using clip-path

https://github.com/apexcharts/apexcharts.js/issues/2097

[romain130492]

Any news about this issue on vue ? i still dont see options for the border-radius on bar. @junedchhipa

[junedchhipa]

I am working on a better implementation for border-radius in bar charts.
It will be released along with v3.26.0

[junedchhipa]

Released v3.26.0. Apply manual border-radius like below

plotOptions: {
  bar: {
    borderRadius: 5
  }
}

[blewell321]

Released v3.26.0. Apply manual border-radius like below

plotOptions: {
  bar: {
    borderRadius: 5
  }
}

Can this be done for pie/donut chart types?