antv g2plot中的基础条形图设置圆角

在 antv g2plot 中，可以通过 interval 几何对象的 style 属性设置条形图的圆角。具体步骤如下：

在 interval 几何对象中设置 style 属性，其中 r 表示圆角的半径，可以根据需要调整大小。

const plot = new G2Plot.Bar({
  data: [
    { year: '1991', value: 3 },
    { year: '1992', value: 4 },
    { year: '1993', value: 3.5 },
    { year: '1994', value: 5 },
    { year: '1995', value: 4.9 },
    { year: '1996', value: 6 },
    { year: '1997', value: 7 },
    { year: '1998', value: 9 },
    { year: '1999', value: 13 },
  ],
  xField: 'year',
  yField: 'value',
  intervalConfig: {
    style: {
      r: 10, // 设置圆角半径为 10
    },
  },
});

运行代码，即可看到带有圆角的条形图。

plot.render();

注意：圆角的半径值不能超过条形图的高度一半，否则会出现异常效果。