标签：方式 gets 展示 pre 项目 找不到 char resize 语言切换
可视化项目中经常用到ecahrt，各种异步加载，连接socket，多语言切换等问题，现在汇总一下：
Ecahrt初始化，全局统一init，可以初始化为0，等待后续数据操作
1、如果是api重新请求，数据手动获取这种方式，直接setOption;
2、 如果是socket实时数据传输展示，直接setOption，但是有tab切换等引起找不到dom的宽高，可以监听切换的事件，在正确的index下resize();
3、 如果是地图数据，第一次也是手动加载：
import i18n from ‘@/assets/i18n‘ if(i18n.locale == ‘zh‘){ echarts.registerMap(‘china‘。。。） }else{ echarts.registerMap(‘china‘。。。） }
然后用户更改了语言版本，监测到该事件：
languageChange(val) { switch (val) { case "zh": this.language = "中文"; break; case "en": this.language = "EN"; break; case "cz": this.language = "?esky"; break; default: break; } Storage.set("lang", val); this.$i18n.locale = val; if(val == ‘zh‘){ $.getScript(‘/static/js/china_zh.js‘); }else{ $.getScript(‘/static/js/china_en.js‘); } }
可以使用jq的getScript(),重新加载资源，这样就可以不刷新重新请求，并让echart中数据实现多语言
如何实现Echart不刷新页面，多语言切换下的地图数据重新加载，api请求数据加载，soketed数据实时加载
标签：方式 gets 展示 pre 项目 找不到 char resize 语言切换
原文地址：https://www.cnblogs.com/bug-master/p/10275578.html
