layui框架实战案例(14)：tabs选项卡切换时echarts拉伸变形无法正常显示的解决方案

  layui.config({
        base: './train/view/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index'//主入口模块
    }).use(['index', 'console','table', 'layer','element'], function () {
        var $ = layui.jquery, table = layui.table;
        var element = layui.element;
        //Tabs事件
        element.on('tab(test)', function(data){
          //定位hash
            location.hash = 'test='+ $(this).attr('lay-id');
            //加载echarts图表
            if (data.index == 2){
                /*数量统计*/
                getTotal(course_id);
                /*机构类型*/
                getAgent(course_id);
                /*执业类型*/
                getDoctor(course_id);
                /*专业类型*/
                getMajor(course_id);
                /*地图*/
                getChinaMap(course_id);
            }
          });
        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);