pablonolla
Posts: 21
Joined: Thu Sep 05, 2019 11:29 am

how to place the label inside a pie chart?

Thu Oct 10, 2019 4:24 pm

Hi!

i'm strugeling with something that is probably very simple: to place the legend inside the pie chart.
Could you point to whare in the advance custumization is that possible?

here is a lik to the pie i'm trying
https://cloud.highcharts.com/show/TqIg0Vvj

best!

p

rafalS
Posts: 2649
Joined: Thu Jun 14, 2018 11:40 am

Re: how to place the label inside a pie chart?

Mon Oct 14, 2019 10:27 am

Hi,

Thanks for contacting us with your question!

You can simply set distance property to the negative value. You can find it in Customize -> Advanced -> Plot Options -> Pie -> Data Labels -> Distance

Set it e.g. to the value of -30.

Let me know if you have any further questions.

Best regards!
Rafal Sebestjanski,
Highcharts Developer

pablonolla
Posts: 21
Joined: Thu Sep 05, 2019 11:29 am

Re: how to place the label inside a pie chart?

Mon Oct 14, 2019 11:45 am

Good! and yet another question: ¿how could i display the legend in this simple chart
https://cloud.highcharts.com/show/fB-VDvjb

rafalS
Posts: 2649
Joined: Thu Jun 14, 2018 11:40 am

Re: how to place the label inside a pie chart?

Mon Oct 14, 2019 7:45 pm

You can find it in Customize -> Advanced -> Plot Options -> Pie -> Show In Legend

Regards!
Rafal Sebestjanski,
Highcharts Developer

pablonolla
Posts: 21
Joined: Thu Sep 05, 2019 11:29 am

Re: how to place the label inside a pie chart?

Tue Oct 15, 2019 9:38 am

Thank you!
I'm now trying to reduce the empty space between title, chart and legend, making the whole as compact as possible while keeping it's aspect ratio: it should result higher when displayed on a wider window/container.
I see at Customize / Advance / Charts that there is a Height value, but it doesn't seem to be the place.
Could you shed some light?
Here is the chart as i have it so far. https://cloud.highcharts.com/show/fB-VDvjb
Best!

rafalS
Posts: 2649
Joined: Thu Jun 14, 2018 11:40 am

Re: how to place the label inside a pie chart?

Wed Oct 16, 2019 7:28 am

Hi,

You can achieve it using these options:
1. Customize -> Advanced -> Plot Options -> Pie -> Center
2. Customize -> Advanced -> Plot Options -> Pie -> Size
3. Customize -> Advanced -> Chart -> Height
4. Customize -> Advanced -> Responsive

In 1 and 2, you will need to set percentage values, but, for this moment, you cannot use percentage in 2, so you need to set it via Custom Code (paste the code below):

Code: Select all

Highcharts.merge(true, options, {
    plotOptions: {
        pie: {
          	size: '240%'
        }
    }
});

In my resolution and screen size, the options that are working for me are: center: ['50%', '110%'] and size: '240%'.
But, when you change the width's container (responsive), you need to manipulate the chart's height (Chart -> Height).
You can set different options depending on width in Responsive rules - number 4.

Unfortunately, in Cloud, there is no better way of reducing the empty space with a semi-pie series, so you need to play with it a little.

I wish you luck and best regards!
Rafal Sebestjanski,
Highcharts Developer

pablonolla
Posts: 21
Joined: Thu Sep 05, 2019 11:29 am

Re: how to place the label inside a pie chart?

Wed Oct 16, 2019 9:14 am

Thanks a lot Rafal.
I'll play with those parameters and i'm sure it will be fine.

Your answer rises another question:
- Using the library instead of the Cloud, how would it be different/easier the solution to this issue of the space around semi-pie series?

Surely it's an off-topic question, sorry, but all in all i'm evaluating the convenience of using the Highcharts library as it might be a better solution for my actual needs at this point.
Also: Would it be possible to "move" my year subscription from Cloud to the library, paying the difference there might be?

Thank you!

rafalS
Posts: 2649
Joined: Thu Jun 14, 2018 11:40 am

Re: how to place the label inside a pie chart?

Thu Oct 17, 2019 7:09 am

Hi,

The library is much more flexible, advanced and has more features. However, in case of space around semi-pie series, I don't think the library gives us more tools to remove it. Using the library, I would also stick to the center, size and height options in responsive rules.

When it comes to your subscription, unfortunately, I don't know the answer. You should contact the Sales Team directly: [email protected]

Best regards!
Rafal Sebestjanski,
Highcharts Developer

pablonolla
Posts: 21
Joined: Thu Sep 05, 2019 11:29 am

Re: how to place the label inside a pie chart?

Thu Oct 17, 2019 8:32 am

Thank you!

all the best.

p

rafalS
Posts: 2649
Joined: Thu Jun 14, 2018 11:40 am

Re: how to place the label inside a pie chart?

Thu Oct 17, 2019 9:17 am

You're welcome ;)
Rafal Sebestjanski,
Highcharts Developer

Return to “Highcharts Cloud”