The issue has been closed
版本:5.0.5
demo地址
现象描述:总共464条数据,渲染时间大概需要7s。



简单看了一下,和图例关系比较大,把图例关闭之后,渲染时间就到比较偏正常的水平了。
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');
});
下面是官方环境的运行结果:

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