issue description:
angular项目,点击查询按钮,数据能够拿到,但是页面echart没有显示,页面渲染异常
reason:
数据拿到时页面已经渲染了,因此没有显示
solution:
数据拿到时使用setOption再次渲染,部分代码如下:
html:
<div echarts id="chart1" [options]="scatterOption" style="height:80%;width:100%;"></div>
ts:
const chartElement1 = <HTMLDivElement>document.getElementById('chart1');
const chart1 = echarts.getInstanceByDom(chartElement2);
chart1.setOption(this.scatterOption1, true);