lingliu0824的博客

上一篇文章提到了在页面切换后改变窗口大小，echarts图无法显示，只有再次改变窗口大小才能正常显示问题的解决。这里再说一下，在echarts数据加载完成前（比如通过某个按钮触发加载，或者进入页面时加载）包含echarts容器的标签我们是希望其隐藏的，数据加载完成后再让其进行展示。css的实现：动态绑定容器标签的style或者class，数据加载成功后改变相应的样式。问题：数据加载完后echarts图只占了容器的以小部分，再次改变窗口大小后才能正常适应容器大小。解决：再setOption后调用ech

1.echarts实现大小自适应包含它的标签容器实现方式：监听window上的resize事件，在事件中执行echarts自带的resize方法首先包含echarts的容器应该有初始的宽高，否则echarts无法显示。第二，为了使窗口缩放时，容器也跟着缩放，包含echarts的标签的宽高应该设置为百分比的形式（或其他布局形式，不要直接都定死），一般宽度设置为百分比，高度可以固定。举例：<template> <div class="echart"> <div