echarts图表不能不满包裹容器?-灵析社区

无情编码机器

检查 `initChart` 执行的时候。 `.linebarchart-page` 元素是否有固定的宽高? 因为 `.linebarchart-page` 和 `.chartbox` 都是 `width:100%;height:100%;` 所以如果 EChart 初始化之后外部容器的宽高改变了你的图表就不会重新 `resize`。需要给你的 `.chartbox` 做一下 [resize](https://link.segmentfault.com/?enc=11sGMlg%2ByrI%2BL2NMuhu87w%3D%3D.BDUsMws3%2BkOC7NZ%2FbPyQ83eqZhi%2BJmQfCYQwTenBBsM4Yr%2BEgLDnu5UgoP6bZtadxljZza7tQFC9UjqiQOVikA%3D%3D) 的监听。改变宽高之后重新执行一下你的 `echartsInstance` 的 [resize](https://link.segmentfault.com/?enc=LR2ntUzs%2F5F5boVTjlJKjg%3D%3D.bGnN8FZL2I7iT9vHNV7ap8z1YDBup19VwpzDaFSaGaQnU3sOWH2Q9A3lbTmFk12E%2BSTTuWagmfWH8V9oD0IvSg%3D%3D) 方法 * * * [#echarts. init | Documentation - Apache ECharts](https://link.segmentfault.com/?enc=4p%2BI2uTERgXlK5227mgx%2Fg%3D%3D.Xfk%2BkaassgQm9Ryz6cipBZMZgANpUFfZovDK9n8HRaY5PSy5%2FoLvC2ZkCTlkW8FSeTJ648O%2FB%2Bqz2lY%2FdjFXNw%3D%3D) [#echartsInstance. resize | Documentation - Apache ECharts](https://link.segmentfault.com/?enc=guJUQqmfCuRzBvbNr3Q8lg%3D%3D.wxdLPm63abNRmqD%2FgsT6O4d74rE8JqcoMAQaV3iUjAmBYGiu9dME9JXTlIFPJnfIJqvA4z9TsN%2B5AlL1UsfkKA%3D%3D) [ResizeObserver - Web API | MDN](https://link.segmentfault.com/?enc=0yigWwddLsgEuE0gVVR0lg%3D%3D.6MVuclnfmLMd%2BRFoTRWVlUKvM%2FqivJKqJh0WoNjSyCi%2Fzl3aBTEYIzg6uKu7YkcExKUAx7s20LvQG3%2Byy9bmIQ%3D%3D)

阅读量:1

点赞量:0

问AI