Echarts display:none 图表不正常显示

最新推荐文章于 2023-06-26 14:37:08 发布

blueTou

最新推荐文章于 2023-06-26 14:37:08 发布

阅读量733

点赞数

分类专栏：数据可视化

本文链接：https://blog.csdn.net/tangrp/article/details/100067915

版权

数据可视化专栏收录该内容

5 篇文章 0 订阅

订阅专栏

var homeItem = echarts.init(document.getElementById('home-item'))
var profileItem = echarts.init(document.getElementById('profile-item'))
var messagesItem = echarts.init(document.getElementById('messages-item'))
var echartApp = angular.module('echartApp', []);
window.onresize = function (ev) {
    $('.item').css({width:$('.tab-content').width()})
    homeItem.resize();
    profileItem.resize();
    messagesItem.resize();
}



      /**
     * nav切换
     * @param type
     */
   $scope.onChangeTab=function (type) {
       switch (type){
           case 'home':{
               $('.item').css({width:$('.tab-content').width()})
               homeItem = echarts.init(document.getElementById('home-item'));
               homeItem.resize();
           }break;
           case 'profile':{
               $('.item').css({width:$('.tab-content').width()})
               // profileItem = echarts.init(document.getElementById('profile-item'))
               profileItem.resize();
           }break;
           case 'messages':{
               $('.item').css({width:$('.tab-content').width()})
               // messagesItem = echarts.init(document.getElementById('messages-item'))
               messagesItem.resize();
           }break;
           case 'settings':{

           }break;
       }
   }


$(window).resize(function(){
    $('.item').css({width:$('.tab-content').width()})
    homeItem.resize();
    profileItem.resize();
    messagesItem.resize();
})
 $(window).trigger('resize')