Highcharts pie chart dynamically changes size

javascript charts highcharts pie-chart
Water Monkey picture Water Monkey · May 7, 2014 · Viewed 16k times · Source

I am having an issue with a pie chart I created in highcharts.

Depending on the placement of the data labels the actual chart will grow or shrink.

We need the pie chart to stay the same size so is there a way to keep the pie size constant and force the labels to fit around it or do I just have to place the labels inside each slice?

Answer

Sualkcin picture Sualkcin · May 7, 2014

You will have to set a fixed size for the pie chart. Can be a percentage or a pixel value. For example:

plotOptions: {
        pie: {
            size: 100
        }
    },

See this fiddle from the API http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/pie-size/

Related questions

how to hide highchart x - axis data values

I am drawing a bar chart using highchart.js I do not want to show the x - axis data values. Can any one tell me which option does it? full config: var chart = new Highcharts.Chart({ chart: { renderTo: container, …

Read More
Proper way to remove all series data from a highcharts chart?

UPDATE: Here's a jsfiddle that shows the problem: http://jsfiddle.net/pynju/1/ Click on the blue column on Monday. When the detail-view loads, notice that 01-07 have 3 columns (expected 2). Click on the tallest bar to go back to the original …

Read More
customize highcharts tooltip to show datetime

I'm developing a project that is expected to show this graph: http://jsfiddle.net/Kc23N/ When I click a point (tooltip) I want to show a date understandable, not the value in milliseconds. I think needs to change this …

Read More