radikris
Posts: 3
Joined: Wed Mar 29, 2023 2:03 pm

Adding custom border-radius, Chart series won't display when navigating

I have a column chart, and I want to give it a borderRadius, unfortunately this could only be done in such a tricky way, because there are values when they are negative, and to make a negative value look good, I needed this custom function.

When I navigate between pages, and there is also an ulyanlike chart, it won't show up. The data is there because it shows on hover, everything would be there but the series itself.
If I uncomment this function series, and there is no custom radius, everything is perfect.

What could be wrong, what is causing the bug?

Here is the codesandbox to it: https://codesandbox.io/p/github/radikri ... FREADME.md
jakub.s
Posts: 1229
Joined: Fri Dec 16, 2022 11:45 am

Re: Adding custom border-radius, Chart series won't display when navigating

Hi,

Welcome to our forum & thanks for the question!

Unfortunately, when I try to open the codesandbox link I get this error: "You are not a member of this team. To quickly edit your code, or access the web editor of this repository you need to be invited to the team."

Maybe you could send me a link to a simplified JSFiddle demo?

Best regards,
Jakub
Jakub
Highcharts Developer
jakub.s
Posts: 1229
Joined: Fri Dec 16, 2022 11:45 am

Re: Adding custom border-radius, Chart series won't display when navigating

Thanks for the link, I'll need a little more time to analyze this so I'll take a deeper look into it and text you tomorrow.

In the meantime, here's demo of borderRadius with a column chart: https://jsfiddle.net/gh/get/library/pur ... derradius/

Doesn't this solution fit your needs?

Best regards,
Jakub
Jakub
Highcharts Developer
radikris
Posts: 3
Joined: Wed Mar 29, 2023 2:03 pm

Re: Adding custom border-radius, Chart series won't display when navigating

I have a custom design, where the topBorderRadius is different from the bottomBorderRadius, and when you try adding those borderRadius to a columnchart with negative values you will get something like this:
http://jsfiddle.net/ntsjq56g/

If you can fix this issue, we won't need to do the customRadiusHandler part.
jakub.s
Posts: 1229
Joined: Fri Dec 16, 2022 11:45 am

Re: Adding custom border-radius, Chart series won't display when navigating

Hi,

I think that you do not need the highcharts-border-radius if you're using this wrap function.

Here's a working demo: https://codesandbox.io/p/github/radikri ... A129%7D%5D

Let me know if that solves your problem

Best regards,
Jakub
Jakub
Highcharts Developer

Return to “Highcharts Usage”