title: Apex Charts donut chart - padding between series items in plot
body: <p>I am attempting to create a donut chart in apex charts similar to the one shown below (right), I have gotten pretty close, however I need to have some stroke or padding around the series items along the plot of the donut chart as shown.</p>
  <p>current configuration</p>
  <pre><code> const options = {
      chart: {
        type: 'donut',
        height: 150,
        width: '100%',
        offsetX: 50
      },
      plotOptions: {
        pie: {
          startAngle: 10,
          donut: {
            size: '90%',
            dataLabels: {
              enabled: false
            },
            labels: {
              show: true,
              name: {
                show: true,
                offsetY: 38,
                formatter: () =&gt; 'Completed'
              },
              value: {
                show: true,
                fontSize: '48px',
                fontFamily: 'Open Sans',
                fontWeight: 500,
                color: '#ffffff',
                offsetY: -10
              },
              total: {
                show: true,
                showAlways: true,
                color: '#BCC1C8',
                fontFamily: 'Open Sans',
                fontWeight: 600,
                formatter: (w) =&gt; {
                  const total = w.globals.seriesTotals.reduce(
                    (a, b) =&gt; a + b,
                    0
                  );
                  return `${total}%`;
                }
              }
            }
          }
        },
      },
      dataLabels: {
        enabled: false
      },
      labels: ['Completed', 'Cancelled', 'Pending', 'Failed'],
      legend: {
        show: false,
        position: 'right',
        offsetX: -30,
        offsetY: 70,
        formatter: (value, opts) =&gt; {
          return value + ' - ' + opts.w.globals.series[opts.seriesIndex];
        },
        markers: {
          onClick: undefined,
          offsetX: 0,
          offsetY: 25
        }
      },
      fill: {
        type: 'solid',
        colors: ['#8BD742', '#BCC1C8', '#78AEFF', '#F74D52']
      },
      stroke: {
        width: 0
      },
      colors: ['#8BD742', '#BCC1C8', '#78AEFF', '#F74D52']
    };
  </code></pre>
  <p><a href="https://i.stack.imgur.com/v6RCN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v6RCN.png" alt="enter image description here" /></a></p>