ChartJS 边界线上的泡点被截断的现象

dgenwo3n  于 2023-10-18  发布在  Chart.js
关注(0)|答案(1)|浏览(123)

我如何打印出边界上的气泡,使它们不会被切断?
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

ryevplcw

ryevplcw1#

您可以将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',
    },
  ];

相关问题