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

highcharts Pie ( stroke panel, border) Outer, Inner

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

Re: highcharts Pie ( stroke panel, border) Outer, Inner

Hi,

We appreciate you reaching out to us!

You can achieve this in a few ways.

1. Firt of all you can add a shadow using the following code:

Code: Select all

plotOptions: {
  pie: {
    shadow: {
      color: 'yellow',
      offsetX: 0,
      offsetY: 0,
      opacity: 1,
      width: 3
    }
  }
},

2. You can also add new series to imitate circles, and disable hover by setting enableMouseTracking to false.

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

Let me know if you have 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 ( stroke panel, border) Outer, Inner

Thanks! But what about shadow effect ?
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: highcharts Pie ( stroke panel, border) Outer, Inner

Hi,

You can use shadow properties as I mentioned in the previous post. You can also draw circles using Highcharts. SVGRenderer and style them in the styled mode. You'll find more information in the following links:

Highcharts. SVGRenderer
https://api.highcharts.com/class-refere ... VGRenderer

Styled mode
https://www.highcharts.com/docs/chart-d ... yle-by-css

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

Feel free to ask any further questions!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Usage”