echarts自适应父div大小

百度了n种办法,试了n种办法后终于测出来了。

方法一:window.οnresize=myChart.resize;  但是没有效果

方法二:

window.addEventListener("resize", function () {

          myChart.resize();

        });

依旧没有效果

方法三:

<div class="summary"><div id="annual" ></div>
</div>$('.summary').resize(function () {var annual = echarts.init(document.getElementById("annual"));annual.resize();
});

依旧没有效果。

最后:百度到jquery有resize()事件,但直接调用没有起作用,引入jquery.ba-resize.js文件就可以了。经过试验,终于ok了

query有resize()事件,但直接调用没有起作用,必须引入jquery.ba-resize.js文件。

下载位置:https://download.csdn.net/download/weixin_38383877/10727216

例如:


<div class="chart"><div class="col-md-3" style="width:73%;height:270px" id="chartx"></div>
</div>
<script src="/static/assets/scripts/jquery.ba-resize.js"></script>
js代码:
var myChartx = echarts.init(document.getElementById('chartx'));
$('.chart').resize(function(){myChartx.resize();});

参考自:https://blog.csdn.net/yf814359680/article/details/71404654
 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/568442.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

软件工程经济学习题 答案(不保证对错,找不到答案)

一、资金等值计算 1.某IT企业今年向银行贷款20万元以购置一台设备。若银行贷款利率为10%&#xff0c;规定10年内等额偿还&#xff0c;试求每年的偿还金额。 2.某软件企业向银行贷款200万元&#xff0c;按年利率为8%进行复利计息&#xff0c;试求该企业第5年末连本带利一次偿还银…

【数据库】Mysql日期/时间相关函数汇总

当我们处理日期时&#xff0c;最难的任务恐怕是确保所插入的日期的格式&#xff0c;与数据库中日期列的格式相匹配。 只要数据包含的只是日期部分&#xff0c;运行查询就不会出问题。但是&#xff0c;如果涉及时间&#xff0c;情况就有点复杂了。 在讨论日期查询的复杂性之前&a…

【测试方法篇】效率测试

一、操作数据库 1、测试页面数据翻页功能&#xff0c;使用insert插入多条数据&#xff0c;测试完成后&#xff0c;再删除插入的数据 2、订单表order&#xff0c;订单状态字段status 1新订单 2已提交订单 3已付款订单 4已发货订单 5已完成订单 已付款列表页&#xff0c;只…

Django+Jquery+Ajax+验证码登录案例

1&#xff0c;创建项目test04 2&#xff0c;创建应用app为booktest 3&#xff0c;注册应用booktest 作用让创建的应用运行起来 4&#xff0c;在项目根目录下创建模板templates目录 作用就是存放html文件在项目的settings.py文件中配置模板&#xff0c;如下图&#xff1a;5&…

【数据库】Mysql日期/时间函数实际案例

有一款金融产品&#xff0c;总共24期&#xff0c;每月2日到期还款日&#xff0c;第一个到期还款日为放款日下个月的2日&#xff0c;现在我们知道所有订单的放款时间&#xff0c;现在我们想统计每个订单当前时间是第几期。 举个简单例子&#xff1a;当期日期为2019-11-12&#…

【Jmeter篇】1小时轻松搞定项目接口自动化测试与数据驱动

之前我们的用例数据都是配置在 Jmeter Http 请求中&#xff0c;每次需要增加&#xff0c;修改用例都需要打开 jmeter 重新编辑&#xff0c;当用例越来越多的时候&#xff0c;用例维护起来就越来越麻烦&#xff0c;有没有好的方法来解决这种情况呢&#xff1f; 其实我们可以将用…

module 'queue' has no attribute 'Queue'解决

import queue q queue.Queue() q.put(a) q.put(b) print(q.get())错误&#xff1a; AttributeError: module queue has no attribute Queue 解决方法&#xff1a; 把程序名命名和包名一样导致错误。命名为queue1.py就ok了

【Python】import自己的模块报错

在实际使用python时&#xff0c;我们会将一些公共的东西写到一些基础模块中&#xff0c;供其他模块去调用&#xff0c;这时会去import自定义的一些基础模块&#xff0c;然后来导入。 自己写好了脚本&#xff0c;然后导入&#xff0c;导入的情况分为以下情况&#xff1a; 1. 运行…

Jmeter生成自动化和性能多维度测试报告(性能指标和监听器图表)

jmeter在命令行下还可以生成多维度的测试报告&#xff0c;里面包含了常用的性能指标和监听器图表。 一、环境要求 1、jmeter3.0版本之后开始支持动态生成测试报表 2、jdk版本1.7以上 3、需要jmx脚本文件 二、生成jtl文件 1、进入bin目录下cd jmeter -n -t C:\jmeter\apach…

python3判断字典、列表、元组为空以及字典是否存在某个key的方法

m1[] m2{} m3() m4{"name":1,"age":2} #也可用if not m1:print("m1不是列表") if m1:print("m1不是列表") else:print(m1)print("m1是空列表")if m2:print("m2不是字典") else:print("m2是空字典") if …

【Python】pyinstaller模块打包的exe在windows环境无法使用问题汇总

问题一&#xff1a;解决pyinstaller打包发布后的exe文件打开控制台闪退的问题 pyinstaller打包发布后的exe文件在自己电脑能够正常使用&#xff0c;但是给到别人的电脑时&#xff0c;打开exe文件却发生闪退&#xff0c;看不到具体的原因。 1、定位问题&#xff1a; 1.1.切换到…

Appium+PythonUI自动化测试之uiautomatorviewer和Inspector元素定位

一、uiautomatorviewer uiautomatorviewer是android-sdk自带的一个元素定位工具&#xff0c;非常简单好用&#xff0c;使用uiautomatorviewer&#xff0c;你可以检查一个应用的UI来查看应用的布局和组件以及相关的属性。 1、启动uiautomatorviewer.bat&#xff0c;打开sdk安装…

服务器购买和远程连接

1. 申请阿里云服务器 *打开阿里云ECS购买页面&#xff0c;并用淘宝账号登陆&#xff0c;可以按需购买。基础配置的话包月大约60元/月 在部署阶段也可以选择按使用流量付费&#xff0c;只需要32元/月&#xff0c;后续部署成功后进行配置升级 操作系统选择Ubuntu的最新版本 …

【批处理】通过bat文件执行python程序

有时我们写的一些python程序&#xff0c;由于每天都经常使用&#xff0c;因此不希望每次都打开IDE客户端或者cmd命令去执行&#xff0c;我们可以写一些bat脚本&#xff0c;每次需要执行时&#xff0c;双击一下脚本就可以了。下面介绍一下三种方法&#xff1a; 1. 简单方法&…

Ubuntu安装包时报错 E:Unable to locate package xxx(如:python3-pip)

一般进入Ubuntu后需要先更新软件源&#xff1a; apt-get update 就ok了 参考自&#xff1a;https://blog.csdn.net/BobYuan888/article/details/80874075

Python一行代码给儿子制作九九乘法表

一行代码实现九九乘法表print(\n.join( .join([%sX%s%s%(j,i,i*j) for j in range(1,i1)]) for i in range(1,10)))1X11 1X22 2X24 1X33 2X36 3X39 1X44 2X48 3X412 4X416 1X55 2X510 3X515 4X520 5X525 1X66 2X612 3X618 4X624 5X630 6X636 1X77 2X714 3X721 4X728 5X735 6X74…

【Linux】与用户管理相关的命令总结

这篇文章主要总结一下linux中用户相关的命令&#xff1a; 一、查询用户信息相关&#xff1a; 二、用户创建、删除相关&#xff1a; 三、用户密码相关 四、用户组相关 一、查询用户信息相关&#xff1a; 1. cat /etc/passwd 可以查看所有用户的列表 具体内容介绍 :分隔成7个…

Xshell连接阿里云服务器ECS

1. 参考资料&#xff1a; 1). 《阿里云服务器怎么用&#xff1f;阿里云服务器使用教程》 链接&#xff1a;http://www.cr173.com/html/50758_1.html 2). eagle-zhang的CSDN博客《Xshell连接不上阿里云服务 链接&#xff1a;http://blog.csdn.net/zhangxing52077/…

【数据库】Windows安装redis全流程

Redis&#xff1a;REmote DIctionary Server(远程字典服务)&#xff0c;是由意大利人Salvatore Sanfilippo&#xff08;网名&#xff1a;antirez&#xff09;开发的一款内存高速缓存数据库。 是完全开源免费的&#xff0c;用C语言编写的&#xff0c;遵守BSD协议&#xff0c;高性…

Jmeter跨线程组传递参数

jmeter的线程组之间是相互独立的&#xff0c;各个线程组互不影响&#xff0c;所以线程组A中输出的参数&#xff0c;是无法直接在线程组B和线程组C中被调用的。 但是有时为了方便管理&#xff0c;我们可能是把各个接口单独存放在不同的线程组中。拿token来说&#xff0c;虽然每…