Chartjs-A phenomenon in which bubble points on the boundary line are cut off

You can add the clip property to your datasets to fix this issue.

public bubbleChartDatasets: ChartConfiguration<'bubble'>['data']['datasets'] = [
    {
      clip:20,
      data: [
        { x: 10, y: 10, r: 10 },
        { x: 15, y: 0, r: 35 },
        { x: 26, y: 12, r: 23 },
        { x: 7, y: 8, r: 8 },
      ],
      label: 'Series A',
    },
  ];