score:16

Accepted answer

you need to set the plotoptions.pie.borderwidth property to 0:

$(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%'],
        borderwidth: 0 // < set this option
      },
      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;
        }
      }
    }]
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/highcharts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.5/highcharts-more.src.js"></script>

<div id="cashflow_graph" style="height: 300px; width:100%;"></div>


Related Query

More Query from same tag