antvis/G2

v5性能问题 #4955

starrychan posted onGitHub

版本:5.0.5

demo地址

现象描述:总共464条数据,渲染时间大概需要7s。

企业微信截图_16835143924038

企业微信截图_16835144497032


简单看了一下,和图例关系比较大,把图例关闭之后,渲染时间就到比较偏正常的水平了。

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart.interaction('tooltip', {
  position: 'auto',
});

chart.options({
  type: 'interval',
  data: mockData,
  encode: {
    x: '地区',
    y: 'sale',
    color: '城市',
  },
  legend: false, // 关闭图例
});

console.time('render');
const renderStart = new Date().getTime();
chart.render().then(() => {
  console.log('render complete', new Date().getTime() - renderStart);
  console.timeEnd('render');
});

下面是官方环境的运行结果:

image

posted by pearmini almost 2 years ago

可以暂时先把图例关闭了,GUI 内部对于这种分页图例的渲染需要优化:懒计算和懒渲染,没有在首屏幕出现的图例是否还需要参与计算。

posted by pearmini almost 2 years ago
posted by hustcc over 1 year ago

Fund this Issue

$0.00
Funded

Pull requests