v5 性能问题：1w+ 数据出现较长时间卡顿，cpu占有率一度达到100%，具体实现如下

[tiehongji]

import React, { useCallback, useEffect, useRef } from 'react';
import { useChartData } from './hooks';
import dayjs from 'dayjs';
import { Chart } from '@antv/g2';
const Home = () => {
  const chartDom = useRef(null);
  const chart = useRef(null);
  const [data, getData] = useChartData(10000);
  const initChart = useCallback(() => {
    if (chart?.current) {
      chart.current.changeData(data);
    } else {
      chart.current = new Chart({
        container: 'main',
        theme: 'classic',
      });
      chart.current
        .line() // 创建一个 Interval 标记
        .data(data) // 绑定数据
        .encode('x', 'xField') // 编码 x 通道
        .encode('y', 'value'); // 编码 y 通道
      chart.current
        .point() // 创建一个 Interval 标记
        .data(data) // 绑定数据
        .encode('x', 'xField') // 编码 x 通道
        .encode('y', 'value');
      // 渲染可视化
      chart.current.render();
    }
  }, [data]);
  useEffect(() => {
    initChart();
  }, [initChart]);
  return (
    <div>
      <div ref={chartDom} id="main" style={{ height: 500, width: '100%' }}></div>
    </div>
  );
};

export default Home;

Checklist

• npm test passes
• benchmarks are included
• commit message follows commit guidelines
• documents are updated

Description of change

[Aarebecca]

你好，能给给到一个复现 demo 吗

[hustcc]

我们做一个性能报告出来，看看具体的性能极限在哪里，以及一些可行的解决方案。

[pearmini]

长时间没有回应，关闭了。