CODEWITHSUNDEEP
highcharts
philipfc
philipfc

Reputation: 609

Highcharts 3.0 combination chart not fully rendering pie (donut) chart

I have a Highcharts 3.0 chart that shows both a column chart and a pie (donut) chart. This combo chart was rendering fine with the previous version of Highcharts.

Since upgrading the donut chart only renders to the highest y axis line and does not render above that line. The pie (donut) chart used to render completely with the top half of the pie (donut) chart being to the right of the chart title.

Any ideas?

Highcharts donut chart

I have added a jsfiddle with a small modification to the Highcharts provided combination chart (http://www.highcharts.com/demo/combo) to show the issue.

The only line I changed is where to center the pie chart.

center: [300, 1],

http://jsfiddle.net/Sh7wY/

Upvotes: 0

Views: 1126

Answers (3)

philipfc
philipfc

Reputation: 609

highslide-software fixed the regression with pies being clipped to the plot area by default. They also provided a workaround which is working.

See https://github.com/highslide-software/highcharts.com/issues/1647.

Upvotes: 0

Pouki
Pouki

Reputation: 1664

You have to change this line :

center: [300, 1],

by this one

center: [300, 100],

The second parameter is equivalent to the style 'top' of your chart

Upvotes: 0

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

The pie chart is cutted, because is our of plotArea, where chart can be created. So you can modify pie size http://api.highcharts.com/highcharts#plotOptions.pie.size to make chart smaller or modify center parameter.

Upvotes: 0

Related Questions