Function createPieOptions

examples/data-update-animation/main.ts:124–145

(slices: ReadonlyArray<PieDataItem>, animation: ChartGPUOptions['animation'])

};

const createPieOptions = (slices: ReadonlyArray<PieDataItem>, animation: ChartGPUOptions['animation']): ChartGPUOptions => {
  return {
    grid: { left: 24, right: 120, top: 24, bottom: 24 },
    // These axes are unused for pie rendering; keep them minimal.
    xAxis: { type: 'value', min: 0, max: 1, tickLength: 0, name: '' },
    yAxis: { type: 'value', min: 0, max: 1, tickLength: 0, name: '' },
    theme,
    tooltip: { show: true, trigger: 'item' },
    animation,
    series: [
      {
        type: 'pie',
        name: 'Breakdown',
        color: '#00E5FF',
        radius: ['36%', '74%'],
        center: ['50%', '50%'],
        startAngle: 90,
        data: slices,
      },
    ],
  };
};

const attachCoalescedResizeObserver = (
  containers: ReadonlyArray<HTMLElement>,