echarts-for-react icon indicating copy to clipboard operation
echarts-for-react copied to clipboard

偶现初始化的时候,echart布局超出了父布局

Open ziyingjing opened this issue 3 years ago • 9 comments

这边用的是antd prolayout ,侧边栏的数据时从服务端拉取的,拉取之后会改变echart的父布局的宽高,我这边设置的style是width: '100%',偶现初始化的时候,echart布局超出了父布局,后续改变父布局宽高,能正常自适应,试了下isInitialResize初始值改成false,能解决这个问题,在componentDidMount调resize也不生效,应该是渲染时序问题,请问有更好的办法解决这个问题吗?

ziyingjing avatar Jul 26 '22 08:07 ziyingjing

给 echart-for-react 这个class 用important 将高度强制改为 100% 即可匹配父高度,源码里面style写死 300 ,不知道是为啥.....

EricReevess avatar Aug 15 '22 01:08 EricReevess

我也同样遇到了这个问题,拖一下浏览器大小又回复了,但是每次刷新是还是会出现这种情况,请问有解决方法了么

haizhohuang avatar Aug 16 '22 13:08 haizhohuang

我也同样遇到了这个问题,拖一下浏览器大小又回复了,但是每次刷新是还是会出现这种情况,请问有解决方法了么

我也遇到了这样的问题,不知道怎么解决

libindavis avatar Jan 04 '23 05:01 libindavis

我也同样遇到了这个问题,拖一下浏览器大小又回复了,但是每次刷新是还是会出现这种情况,请问有解决方法了么

我也遇到了这样的问题,不知道怎么解决

我是echarts图例初始化时只有100px,然后自己将屏幕缩放一下就能适应到外面父元素的宽高,不知道大哥们解决这个问题没??

chenJJ-88 avatar Jan 09 '23 06:01 chenJJ-88

我也同样遇到了这个问题,拖一下浏览器大小又回复了,但是每次刷新是还是会出现这种情况,请问有解决方法了么

我也遇到了这样的问题,不知道怎么解决

我是echarts图例初始化时只有100px,然后自己将屏幕缩放一下就能适应到外面父元素的宽高,不知道大哥们解决这个问题没??

我的问题算是解决了。 我用的是tab,在切换到另外一个tab再切回去后就出现空白图。 我的work around方法是切换到另外的tab时,unmount这个图表,切回来后就会重新mount并重新render。

libindavis avatar Jan 09 '23 15:01 libindavis

我是刷新之后 宽度不正常,退回3.0.1了

Erdrian avatar Feb 24 '23 08:02 Erdrian

渲染时机的问题,可以在父组件渲染完成后再渲染子组件

wang-joy avatar Mar 15 '23 07:03 wang-joy

渲染时机的问题,可以在父组件渲染完成后再渲染子组件

此方法有效果,在确认数据准备好后再渲染图表组件,

aoxiang78 avatar Mar 23 '23 01:03 aoxiang78

在Tab场景下使用确实是第一次渲染的时候宽度会超。

chj-damon avatar Jan 15 '24 09:01 chj-damon