G2Plot 条形图圆角设置：实现圆角效果的代码示例

G2Plot 条形图可以通过设置.shape()方法中的radius属性来实现圆角。具体代码如下：

import { Bar } from '@antv/g2plot';

const data = [
  { year: '1951', sales: 38 },
  { year: '1952', sales: 52 },
  { year: '1956', sales: 61 },
  { year: '1957', sales: 145 },
  { year: '1958', sales: 48 },
];

const barPlot = new Bar('container', {
  data,
  xField: 'year',
  yField: 'sales',
  width: 600,
  height: 400,
  padding: 'auto',
  label: {
    position: 'top',
    style: {
      fill: '#fff',
    },
  },
  shape: {
    radius: [5, 5, 0, 0], // 设置左上、右上圆角
  },
});

barPlot.render();

上述代码中，通过将radius属性设置为一个数组，数组中的四个值分别表示四个角的圆角半径，以此来控制圆角的大小。在本例中，将左上和右上两个角的圆角半径设置为5，其余两个角的圆角半径设置为0，从而实现了条形图的圆角效果。