Function updateCharts

examples/data-update-animation/main.ts:198–217

(source: 'auto' | 'manual')

  let step = 0;
  const updateCharts = (source: 'auto' | 'manual'): void => {
    step++;
    const rng = createRng(1000 + step * 97);

    // Make domain changes obvious: vary amplitude and offset.
    const phase = step * 0.7;
    const amplitude = 0.9 + (step % 4) * 0.65; // 0.9..2.85
    const offset = (step % 2 === 0 ? -0.35 : 0.55) + (rng() - 0.5) * 0.15;

    const cartesianData = makeCartesianData(64, rng, { phase, amplitude, offset });
    const pieSlices = makePieData(rng);

    const animation = createAnimationConfig(toggleAnimate.checked);

    cartesianChart.setOption(createCartesianOptions(cartesianData, animation));
    pieChart.setOption(createPieOptions(pieSlices, animation));

    const label = toggleAnimate.checked ? 'animated' : 'instant';
    setStatus(`Updated (${source}, ${label}) · step ${step} · amp ${amplitude.toFixed(2)} · offset ${clamp(offset, -5, 5).toFixed(2)}`);
  };

  btnUpdate.addEventListener('click', () => updateCharts('manual'));
  toggleAnimate.addEventListener('change', () => {