问题描述
业务需求为使用antd的modal组件,在弹出的页面上展示指标的历史曲线,页面刷新后第一次点击弹出的页面无任何数据展示,此时数据接口返回数据正常,关闭后再点击则一切正常。
解决方法
在modal组件中添加属性
// 指定 Modal 挂载的 HTML 节点, false 为挂载在当前 dom
// HTMLElement | () => HTMLElement | Selectors | false
getContainer={false}
解决思路
让组件预生成一个dom,以供后台接口赋值生成展示的echart图表, 而不是原来的虽然已经对echart进行赋值,但是由于没有dom,所以无法显示图表。
问题描述2
reactEcharts嵌入到antd的tabs当中,tab1的图例为8个,tab2的图例为6个,当从tab1切换到tab2时,tab1的前6个会被tab2的图例覆盖,但是tab1的后两个依然存在
解决方法2
在ReactEcharts中添加属性 notMerge={true}
// 指定 Modal 挂载的 HTML 节点, false 为挂载在当前 dom
// HTMLElement | () => HTMLElement | Selectors | false
notMerge={true}