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!