Disappearing Color 2

var data = [
    {
    name: 'Series Name',
    children: [
      {
        name: 'A',
        size: 10,
      },
      {
        name: 'B',
        size: 5,
      },
      {
        name: 'C',
        size: 7,
      },
      {
        name: 'D',
        size: 8,
      },
      {
        name: 'E',
        size: 7,
      },
      {
        name: 'F',
        size: 8,
      },
      {
        name: 'G',
        size: 5,
      },
      {
        name: 'H',
        size: 8,
      },
      {
        name: 'I',
        size: 7,
      },
      {
        name: 'J',
        size: 10,
      }
    ],
  },
];

var count = this.data[0].children.reduce((prev, child) => {
  return prev + child.size;
}, 0);
console.log(count);

var options = {
  container: document.getElementById('myChart'),
  title: {
    text: 'Test Sunburst',
  },
  data,
  series: [
    {
      type: 'sunburst',
      labelKey: 'name',
      sizeKey: 'size',
    },
  ],
};

var chart = agCharts.AgCharts.create(options);

.wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#toolPanel {
  text-align: center;
}

.spacer {
  display: inline-block;
  min-width: 20px;
}

#myChart {
  height: 100%;
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>JavaScript example</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <style media="only screen">
            html,
            body {
                height: 100%;
                width: 100%;
                margin: 0;
                box-sizing: border-box;
                -webkit-overflow-scrolling: touch;
            }

            html {
                position: absolute;
                top: 0;
                left: 0;
                padding: 0;
                overflow: auto;
            }

            body {
                padding: 1rem;
                overflow: auto;
            }
        </style>
        <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
        <div id="myChart"></div>
        <script>
            var __basePath = './';
        </script>
        <script src="//cdn.jsdelivr.net/npm/ag-charts-enterprise@11.1.0/dist/umd/ag-charts-enterprise.min.js"></script>
        <script src="main.js"></script>
    </body>
</html>

This Plnkr is an example of a bug which is showing on the sunburst.

The middle circle (the main series) is not showing because of missing background. This happens when the total value of all values corresponding with the size key is 75 (or 150, 300, 600 and others - but not 225 or 450 so a multiple of 75 is not the issue). This only happens when there is a single series.