title: AmCharts Pie Chart Labels Won't Fit In sized DIV
body: <p>I am using AmCharts to render a 3D pie chart inside a div and the width is set to 500px and the height is set to 246px.  I have attached an image of what I am getting and the code to render the pie chart is below.  I have tried every setting known to man and even reviewed the other answer here: <a href="https://stackoverflow.com/questions/32308408/labels-are-cropped-in-drill-down-pie-chart-amcharts">Labels are cropped in drill-down pie chart (amCharts)</a> however that answer does not work with mine.  I have tried everything in that answer and the labels are still cropped within the DIV.  I have bordered the DIV so you can see where it is.  You can see the labels are on top of themselves and render outside the DIV as well.  Any help would be appreciated as to how to create these pie charts to adhere to DIV sizing so they can be properly exported to images.  Thanks.</p>
  
  <p><a href="https://i.stack.imgur.com/CZFuH.png" rel="nofollow noreferrer">IMAGE SHOWING CHART POOR LABEL RENDERING</a></p>
  
  <pre><code>var summaryStockHoldingsPieChart = AmCharts.makeChart("reportingSummaryStockHoldingsPieDiv", {
          "type": "pie",
          "theme": "light",
          "colors": ["#FFFF00", "#808000", "#ADFF2F", "#9ACD32", "#BDB76B", "#F0E68C", "#FFDAB9", "#FAFAD2", "#FFEFD5", "#666600"],
          //autoMargins: false,
          //marginTop: 60,
          //marginBottom: 0,
          //marginLeft: 0,
          //marginRight: 0,
          //pullOutRadius: 0,
          fontSize: "12pt",
          fontFamily: "Tahoma",
          "dataProvider": [
              {
                  "desc": "Consum Discr",
                  "FullBalloonDescription": "Consum Discr",
                  "value": 10.0
              }, {
                  "desc": "Consum Stpls",
                  "FullBalloonDescription": "Consum Stpls",
                  "value": 0.0
              }, {
                  "desc": "Energy",
                  "FullBalloonDescription": "Energy",
                  "value": 0.0
              }, {
                  "desc": "Fincls",
                  "FullBalloonDescription": "Fincls",
                  "value": 0.0
              }, {
                  "desc": "Hlth Care",
                  "FullBalloonDescription": "Hlth Care",
                  "value": 0.0
              }, {
                  "desc": "Industrials",
                  "FullBalloonDescription": "Industrials",
                  "value": 0.0
              }, {
                  "desc": "Info Tech",
                  "FullBalloonDescription": "Info Tech",
                  "value": 63.0
              }, {
                  "desc": "Materials",
                  "FullBalloonDescription": "Materials",
                  "value": 0.0
              }, {
                  "desc": "Telecom Srv",
                  "FullBalloonDescription": "Telecom Srv",
                  "value": 27
              }, {
                  "desc": "Other",
                  "FullBalloonDescription": "Other",
                  "value": 0.0
              }
          ],
          showZeroSlices: true,
          percentPrecision: 0,
          labelRadius: 5,
          "radius": "40%",
          "startAngle": 55,
          "maxLabelWidth": 100,
          "innerRadius": "0%",
          "valueField": "value",
          "titleField": "desc",
          "outlineAlpha": 0.4,
          "depth3D": 15,
          "balloonText": "[[FullBalloonDescription]]&lt;br&gt;&lt;span style='font-size:14px'&gt;&lt;b&gt;[[value]]&lt;/b&gt; ([[percents]]%)&lt;/span&gt;",
          "angle": 55,
          "export": {
              "enabled": true,
              "libs": {
                  "path": "/Scripts/amcharts/plugins/export/libs/"
              },
              "menu": []
          }
      });
  </code></pre>