how to place the label inside a pie chart?

[pablonolla]

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]

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!

[pablonolla]

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

[rafalS]

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

Regards!

[pablonolla]

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]

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!

[pablonolla]

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]

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!

[pablonolla]

Thank you!

all the best.

p

[rafalS]

You're welcome