highcharts - Margins will not adjust to make a smaller chart? -


i have following pie chart cannot figure out how margins move closer rendered pie chart itself. need squeeze smaller real estate , it's overlapping other divs

fiddle->http://jsfiddle.net/8ezm4/

enter image description here

<div id="container3" class="container3" style="width: 120px; height: 130px; margin: -25px 0px -80px -20px; padding-bottom: -10px; border-width:1px; border-style: solid"></div> 

highcharts leaves room labels , titles, etc. couple of things rid of space:

  • set spacing , margin zero
  • set size of pie chart

it seems me 1 or other should work. but, if 1st, chart little small , if 2nd, chart little big.

$('#container').highcharts({         chart: {         type:'pie',         borderwidth: 1,         plotborderwidth: 0,         spacingbottom: 0,         spacingtop:0,         spacingleft:0,         spacingright:0,         margin: [0, 0, 0, 0]     },      title: {         text:''     },     plotoptions: {          pie: {             size:300,             datalabels: {                 enabled: false,             }         }     },     series: [{         data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]     }] }); 

http://jsfiddle.net/j3zff/

http://api.highcharts.com/highcharts#plotoptions.pie.size


Comments

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -