How to use the @antv/g2plot.Bubble function in @antv/g2plot

.then((data) => {
    const bubblePlot = new Bubble(document.getElementById('container'), {
      title: {
        visible: true,
        text: '气泡图添加趋势线',
      },
      data,
      xField: 'Revenue per club[€ m]',
      yField: 'UEFA points*',
      sizeField: 'UEFA points*',
      pointSize: [4, 25],
      colorField: 'revenueGroup',
      color: ['#72302f', '#beb298', '#d18768', '#e3cda1'],
      pointStyle: {
        stroke: '#777777',
        lineWidth: 1,
        opacity: 0.9,
      },

.then((data) => {
    const bubblePlot = new Bubble(document.getElementById('container'), {
      title: {
        visible: true,
        text: '基础气泡图',
      },
      data,
      xField: 'change in female rate',
      yField: 'change in male rate',
      sizeField: 'pop',
      pointSize: [4, 30],
      colorField: 'continent',
      color: ['#ffd500', '#82cab2', '#193442', '#d18768', '#7e827a'],
      pointStyle: {
        stroke: '#777777',
        lineWidth: 1,
        opacity: 0.8,
      },