javascript - 在angularjs里面用echart，路由切换之后，图表会变形，如何处理？

问题描述

问 题

具体可以看图片，我路由切换后，图表就变形了，请问是为什么，怎么处理呢？谢谢！
这些表都是一个个指令，
指令代码:

'use strict';
angular.module('aicrm')
.directive('chart4', function($timeout) {
    return {
        restrict: 'E',
        templateUrl: 'app/components/chart4/chart4.html',
        link: function() {
            var option = '一个option对象...';
            echarts.init(document.getElementById('chart4')).setOption(option);
        }
    };
});

目前解决方法是用$timeout封装一下初始化方法放到任务最后执行。。。

解决方案

我这边图表不多都是放在controller里面。
directive设置$timeout是方法之一
另一个方法参考戳我，仅供参考，本人是没有实践过0.0.

这篇关于javascript - 在angularjs里面用echart，路由切换之后，图表会变形，如何处理？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！