关于Echart插件的一些呕心沥血的爬坑路

还是决定写博客记录一下。。。。咳咳，进入正题：

  手上有个项目需要用到绘制图表，找来找去还是决定用百度大佬们的Echart插件，因为很炫酷啊！

于是就有了

 如图：屏幕缩放后图表大小没有跟着缩放，强迫症不是很舒服，经过好几个小时的研究，本人刚毕业小白，直接上代码吧，下班了

<script>
    /*窗口自适应，关键代码*/
    setTimeout(function () {
        window.onresize = function () {
            var 宽 = $("#lll").width();//获取一个跟着屏幕缩放的dom的宽
            var 高 = $(".td").height();
            
            var dom = document.getElementById("djrqQx");
            var myChart = echarts.init(dom);
            document.getElementById('djrqQx').removeAttribute('_echarts_instance_'); // 移除容器上的 _echarts_instance_ 属性
            myChart.clear();
            myChart.setOption(djrOpt, true);
        }
    }, 200)
</script>

 

不会弄GIF，就这样吧先。。。。第一次，凑合看 

看了很多大佬的文章受到的启发 

https://blog.csdn.net/guoliwei2010/article/details/78452295

https://blog.csdn.net/Vue2018/article/details/86611020

这个大神用resize我没有成功

https://www.cnblogs.com/qjqcs/archive/2017/01/12/6279674.html