为什么echarts图表设置了100%只有这么一点点宽，在图表最后面也设置了resize
要图表自适应，为什么echarts图表设置了100%只有这么一点点宽，在图表最后面也设置了resize
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2021-10-29 15:37回答 1 已采纳 宽度换成具体的像素试试。
- 2022-03-18 10:53回答 2 已采纳 可能是获取dom绘制时布局还没有完成，获取到的宽高不正确。将this.initEcharts()放入$nextTick()试试mounted() { this.$nextTick(() =>
- 2022-03-17 13:59回答 2 已采纳 不能直接写https://www.codeleading.com/article/19172388540/
- 2020-10-15 02:46主要介绍了完美解决vue 中多个echarts图表自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
- 2022-01-27 11:39回答 3 已采纳 容器适应之外，echarts实例需要加个myCharts.resize()
- 2022-04-12 14:14回答 1 已采纳 你试一下在窗口变化事件监听函数里加一段代码，可以先计算需要的字体大小，然后替换12myCahrt.setOption({ subtextStyle:{fontSize:12}如有帮助，望采纳！
- 2022-04-13 11:10
echarts图表宽度不能自适应了，并且一直报There is a chart instance already initialized on the dom.
echarts
javascript
vue.js
回答 3 已采纳 echarts.init(document.getElementById("myChart")).resize(); => myChart.resize(); 这样呢 - 2019-04-23 15:15会飞的咕咕鱼的博客 三个echarts图表,明明宽度设置的都是100%，却只有第一个生效以及如何实现自适应 解决办法 1.初始化时需要加上，确保操作的是最新的DOM this.$nextTick(_ => { }); 2.echarts图表自适应实现，需要在...
- 2021-11-22 16:14回答 2 已采纳 发现了问题所在，连续两个元素嵌套（父元素和祖先元素）都用的flex:1，导致获取不到父元素的宽度，父元素用监控祖先元素的宽度然后计算赋值就好了。
- 2022-03-22 09:41回答 1 已采纳 <Echart style="position: relative;" :options="options" id="topRightChart" height="100%" width="10
- 2020-07-15 10:16回答 1 已采纳 你查下他是不是需要引入其他的js，我之前引中国地图的时候也是，一个js文件没引入，导致一直没法显示，而且echart官网的代码里不会提示要额外引入哪些js，只能自己查
- 2022-12-29 09:21533_的博客 【代码】[echarts] 图表自适应宽高大小。
- 2021-12-27 10:32回答 1 已采纳 是不是要这个参考如下链接： Vue echart toolbox 工具栏点击 自定义全屏按钮 显示到弹出框中_Principal_Z的博客-CSDN博客
- 2022-03-28 09:58damys的博客 多个Echarts resize方法，只有一个图表自适应生效
- 2023-01-31 17:45kjs_pass的博客 echarts的图片自适应
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月6日
已采纳回答
10月29日-
修改了问题
10月29日
-
创建了问题
10月29日
悬赏问题
- ¥15 微信会员卡接入微信支付商户号收款
- ¥15 如何获取烟草零售终端数据
- ¥15 数学建模招标中位数问题
- ¥15 phython路径名过长报错 不知道什么问题
- ¥15 深度学习中模型转换该怎么实现
- ¥15 HLs设计手写数字识别程序编译通不过
- ¥15 Stata外部命令安装问题求帮助！
- ¥15 从键盘随机输入A-H中的一串字符串，用七段数码管方法进行绘制。提交代码及运行截图。
- ¥15 TYPCE母转母，插入认方向
- ¥15 如何用python向钉钉机器人发送可以放大的图片？