eharts图虽窗口变化重新绘制

虚无——缥缈

于 2020-03-16 13:54:08 发布

阅读量208

点赞数

分类专栏： js 文章标签：前端

本文链接：https://blog.csdn.net/weixin_43640136/article/details/104897835

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

 window.onresize =()=>{
          myChart1.resize(); 
          myChart2.resize(); 
  }



//echart图
            drawchart(date){
                let myChart1 = this.$echarts.init(document.getElementById("myChart1")); 
                let myChart2 = this.$echarts.init(document.getElementById("myChart2")); 
                let params={
                    communityId:this.user.communityId,
                    start:date.start,
                    end:date.end,
                }
                getChartsData(params).then(Pesponse=>{
                    let data0=Pesponse.rows[0];
                    let data1=Pesponse.rows[2];
                    var arrData0 = [],arrDate0=[];
                    var arrData1 = [],arrDate1=[];
                    for (let i in data0) {
                        arrData0.push(data0[i]); 
                        arrDate0.push(i); 
                    }
                    for (let i in data1) {
                        arrData1.push(data1[i]); 
                        arrDate1.push(i); 
                    }
                    let obj0={
                        title:'进出人数',
                        y:arrData0,
                        x:arrDate0,
                        bar_color:['#49DCDE',"#2EC2CA"]
                    },obj1={
                        title:'异常人数',
                        y:arrData1,
                        x:arrDate1,
                        bar_color:['#FE9977',"#EF7447"]
                    };
                    myChart1.setOption(histogramChart(obj0)) 
                    myChart2.setOption(histogramChart(obj1)) 

                }) 
                window.onresize =()=>{
                    myChart1.resize(); 
                    myChart2.resize(); 
                }
            },