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/
<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] }] });
Comments
Post a Comment