[Bug] When updateData, legend does not update

[kkxxkk2019]

Version

latest

Link to Minimal Reproduction

none

Steps to Reproduce

  const spec = {
    type: 'pie',
    data: [
      {
        id: 'pieData',
        values: pieData
      }
    ],
    outerRadius: 0.8,
    innerRadius: 0.5,
    padAngle: 0.6,
    valueField: 'value',
    categoryField: 'type',
    // color: {
    //   id: 'color',
    //   type: 'linear',
    //   range: ['#1664FF', '#B2CFFF', '#1AC6FF', '#94EFFF'],
    //   domain: [
    //     {
    //       dataId: 'pieData',
    //       fields: ['value']
    //     }
    //   ]
    // },
    pie: {
      style: {
        cornerRadius: 10
        // fill: {
        //   scale: 'color',
        //   field: 'value'
        // }
      }
    },
    legends: {
      visible: true,
      orient: 'left'
      // data: (data, scale) => {
      //   return data.map(datum => {
      //     const pickDatum = pieData.find(pieDatum => pieDatum.type === datum.label);

      //     datum.shape.fill = scale.scale(pickDatum?.value);
      //     return datum;
      //   });
      // }
    },
    label: {
      visible: true
    }
  };

  const vchart = new VChart(spec, { dom: CONTAINER_ID });
  vchart.renderAsync();

Then call

vchart.updateData('pieData', [
  {type: "AAAA", value: 30},
{type: "BBBB", value: 10}

Current Behavior

legend does not change

Expected Behavior

should change

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response