title: How can I remove the white border from HighCharts pie chart?
body: <p>I am using High-charts to show pie charts, can any one tell me how can I remove this white border around the radius. My code is given below also the screen shot image of chart.</p>
  
  <p>I have no lot of experience with high-charts if anyone know this please help me. The documentation is also very tough to read and understand</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function () {
    
    $('#cashflow_graph').highcharts({
          chart: {
              type: 'pie',
     backgroundColor:'red',
          },
          title: {
              text: false
          },
          yAxis: {
              title: {
                  text: false
              }
          },
          plotOptions: {
              pie: {
                  dataLabels: {
                          enabled: false
                      },
                  shadow: false,
                  center: ['50%', '50%']
              },
     series: {
      states: {
       hover: {
        enabled: false,
        halo: {
         size: 0
        }
       }
      }
     },
     
          },
     credits: {
              enabled: false
          },
          tooltip: {
     enabled: false,
              valueSuffix: '%'
          },
          series: [{
              name: 'Cash Flow',
              data: [
                  {
                      name: 'Incoming',
                      y: 40,
                     
       color: '#87b22e'
                  },
      {
                      name: 'Outgoing',
                      y: 30,
                      
        color: 'black'
                  },
      {
                      name: '',
                      y: 30,
        color: 'white'
                  }
                  
              ],
              size: '80%',
              innerSize: '80%',
              dataLabels: {
      enabled: false,
                  formatter: function () {
                
       return false;
                  }
              }
          }]
      });
    
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/highcharts-more.src.js"&gt;&lt;/script&gt;
  
  
  &lt;div id="cashflow_graph" style="height: 300px; width:100%;"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><img src="https://i.stack.imgur.com/q8YFH.png" alt="enter image description here"></p>