边界线上的泡点被切断的现象

Question

怎样打印边框上的气泡才不会被剪掉？

https://stackblitz.com/github/santam85/ng2-charts-bubble-template?file=src%2Fapp%2Fapp.component.ts,package-lock.json&preset=node

我使用了“chart.js”：“^4.3.3”， 我不想增加 min、max 的值。

我希望打印出来如下图所示。

它是 Chart.js 主页上的示例。 https://www.chartjs.org/docs/latest/samples/other-charts/bubble.html

Answer 1

您可以将 clip 属性添加到数据集中来解决此问题。

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',
    },
  ];