test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: 修复 ECharts 数据加载太快时渲染报错问题 (#3950)

Browse Source 
* fix: 修复 ECharts 数据加载太快时渲染报错问题

* 补上 cancel
This commit is contained in:
吴多益 2022-04-06 13:53:52 +08:00 committed by GitHub
parent c6b10613a8
commit 6bb113e642
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderers/Chart.tsx
View File

@ -30,6 +30,7 @@ import {
} from '../Schema';
import {ActionSchema} from './Action';
import {isAlive} from 'mobx-state-tree';
import debounce from 'lodash/debounce';
/**
* Chart 图表渲染器。
@ -180,6 +181,7 @@ export class Chart extends React.Component<ChartProps> {
this.refFn = this.refFn.bind(this);
this.reload = this.reload.bind(this);
this.reloadEcharts = debounce(this.reloadEcharts.bind(this), 300); //过于频繁更新 ECharts 会报错
this.handleClick = this.handleClick.bind(this);
this.mounted = true;
@ -225,6 +227,7 @@ export class Chart extends React.Component<ChartProps> {
componentWillUnmount() {
this.mounted = false;
(this.reloadEcharts as any).cancel();
clearTimeout(this.timer);
}
@ -435,14 +438,17 @@ export class Chart extends React.Component<ChartProps> {
} else {
this.echarts?.hideLoading();
}
this.echarts?.setOption(config!, this.props.replaceChartOption);
this.reloadEcharts(config);
} catch (e) {
console.warn(e);
}
}
}
reloadEcharts(config: any) {
this.echarts?.setOption(config!, this.props.replaceChartOption);
}
render() {
const {
className,