ECharts
小墨宝
这个作者很懒,什么都没留下…
展开
-
数据大屏得轮询
一般数据大屏都是要实时数据轮询得以前得做法:setInterval 定时器经过一系列得优化,采用setTimeOut 封装方法,在接口完成后 再隔一段时间再次请求比较合理。这个时候得在错误回调中也得再次调用定时器得方法实现:我是采用了一个变量Num 接口回调中 this.num++;然后在watch 中去执行注意:echarts中 不停得创建echarts对象非常占用网页内存解决方法:var myChart = this.echarts.getInstanceByDom(document.g原创 2020-08-21 13:48:02 · 954 阅读 · 0 评论 -
js 定时器+echarts 页面卡死
问题:数据大屏,数据需要轮询 以图表得形式展示出来页面轮询一段时间后会异常得卡, 排查原因可能是js定时器消耗完网页内存导致页面卡死,起初得解决方法1:换成setTimeOut,给一个num,接口回调中++,然后监听中去写setTimeOut,实际效果是好了点,但是远远没达到我们所需要得效果。方法2:经过排查发现,echarts画图 echarts对象占用内存非常大var myChart = this.echarts.getInstanceByDom(document.getElemen原创 2020-08-20 17:43:54 · 2946 阅读 · 0 评论 -
echarts 监控地图缩放移动
// 监听 缩放事件 let that=this; // 监控缩放 myChart.on('georoam',function(params){ that.zoom=myChart.getOption().geo[0].zoom; that.center=myChart.getOption().geo[0].center; })...原创 2020-08-20 14:24:01 · 1371 阅读 · 0 评论 -
echarts 侧边栏收缩 宽度变化,echarts图重绘问题
问题:当侧边栏收缩展开,左侧图宽度变化,图未重绘解决方法1,在vuex中存变量控制侧边栏得开关 open (这里怎么实现这个开关不叙述了,就是一个变量控制得事)2.在组件中监听,就完事了watch:{‘$store.state.open’(val,old){setTimeout(re=>{let myChart = echarts.init(document.getElementById(‘manyLineEcharts’));// myChart.resize() //e原创 2020-07-22 10:58:54 · 2027 阅读 · 0 评论 -
vue 动态加载 echarts不同的地图
今天做项目有那么一个需求,就是使用echarts画地图,要根据账号的信息来展示不同省份的地图,(这里画单个地图我就不多说了);问题:按照引入单个地图文件去画地图也是可以的,但是打包后的体积比较大,页面加载很慢。所以只能寻求其他方法1.究其原因页面加载慢,主要是地图文件载入比较慢,实际用到的地图可能就2.3个,所以,这边单独在服务器上放了个echarts的插件包(需要后端配置下能访问到)2....原创 2019-12-11 18:22:17 · 1240 阅读 · 0 评论 -
ECharts width:100%变为100px
此问题一般出现在tab切换,或者v-if 控制当中解决方案 v-if 改为 v-show 就可以啦原创 2019-07-18 18:15:20 · 1792 阅读 · 0 评论