Echarts设置宽高，图表仍展示不全问题

问题示例如下：

在这里插入图片描述

代码设置的宽度为100%父元素的宽，而打开F12会发现图表容器的宽高是100px。
在这里插入图片描述

出现该问题的原因：
1、高度固定，宽度百分比
2、以Vue为例，图表中用到v-show等会引起页面重绘的指令，数据更新了但图表未更新。
解决方案：
1、重新调用图表绘制函数。
2、调用Echats实例的resize()方法。

在这里插入图片描述

# echarts # vue.js # javascript
Logo
Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐

cover

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

avatar Vue
cover

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

avatar Vue
cover

ElasticSearch迁移至openGauss

avatar Vue