Alex_1991
Posts: 5
Joined: Mon Oct 11, 2021 1:50 pm

highcharts Pie

Hi! How can I get this effect by hover ? thanks
Screenshot_12.png
Screenshot_12.png (47.48 KiB) Viewed 346 times
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: highcharts Pie

Hi,

Welcome to our forum and thanks for contacting us with your question!

Here is the demo showing how to implement this effect:

Demo
https://jsfiddle.net/BlackLabel/rg59qxh7/

API Reference
https://api.highcharts.com/highcharts/p ... .mouseOver

Feel free to ask any further questions!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer
Alex_1991
Posts: 5
Joined: Mon Oct 11, 2021 1:50 pm

Re: highcharts Pie

Hi, but it's not the same effect(need increasing for all sides)
joaoFerreira
Posts: 6
Joined: Thu Oct 21, 2021 1:24 pm

Re: highcharts Pie

To grow the section to inside you can use the innerR attribute.

this.graphic.attr({
r: '160',
innerR: '90'
});

I don't know how to grow the width of it.
Alex_1991
Posts: 5
Joined: Mon Oct 11, 2021 1:50 pm

Re: highcharts Pie

Could you help with it? How I can add this?
Attachments
Screenshot_4.png
Screenshot_4.png (105.39 KiB) Viewed 261 times
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: highcharts Pie

Hi,

Thank you joaoFerreira for finding the solution and sharing it with us!

To achieve effect growing width, you should also set borderWidth: 0 on the series.

Here is a full demo:
https://jsfiddle.net/BlackLabel/6nrh1zt4/

Regarding the second question, I gave you the answer in the separate thread you created.
viewtopic.php?f=9&t=47589#p171435

Let me know if that was what you were looking for!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Usage”