search

hustcc / echarts-for-react

⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。
https://git.hust.cc/echarts-for-react
MIT License
4.51k stars 629 forks source link

偶现初始化的时候，echart布局超出了父布局 #499

Open ziyingjing opened 2 years ago

ziyingjing commented 2 years ago

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

EricReevess commented 2 years ago

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

haizhohuang commented 2 years ago

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

libindavis commented 1 year ago

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

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

chenJJ-88 commented 1 year ago

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

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

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

libindavis commented 1 year ago

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

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

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

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

Erdrian commented 1 year ago

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

wang-joy commented 1 year ago

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

aoxiang78 commented 1 year ago

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

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

chj-damon commented 8 months ago

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