处理个图标根据window.resize()事件触发也触发自己的resize方法

app/statistics/js/common.js

@@ -166,4 +166,5 @@ function drawBarChart(el, xData, yData, color, name){
    
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    return myChart;
}

app/statistics/js/comprehensive-analysis.js

@@ -1,4 +1,6 @@
var reqList = []; //记录请求的参数和url，用于后退时使用
var pieChart1,
    pieChart2; //全局设置饼图的对象，window.resize时，触发chart的resize方法
Vue.use(Vuedals.default);
new Vue({
    el: "#main",
@@ -171,7 +173,16 @@ new Vue({
                }
            });
        });
        $("#main").removeClass("c-hide")
        $("#main").removeClass("c-hide");
        window.onresize = function() {
            if(pieChart1){
                pieChart1.resize();
            }
            if(pieChart2){
                pieChart2.resize();
            }
            window.lineCharts.resize(); //日周月折线图
        }
    }
})
@@ -346,8 +357,7 @@ function loadData(loadArr, vm){
                            name: '健康指导',
                            value: vm.topDatas.index_5
                        }];
                        debugger
                        drawPieChart('pieChart', arr, ['#ffc800', '#17b3ec']);
                        pieChart2 = drawPieChart('pieChart', arr, ['#ffc800', '#17b3ec']);
                    }
                }else{
                   console.log(res2.msg);
@@ -484,5 +494,5 @@ function handleWXBindData(data, vm){
        name: '未缴费人数',
        value: data.weChatAmount0
    }];
    drawPieChart('pieChart2', arr, ['#17b3ec', '#909090']);
    pieChart1 = drawPieChart('pieChart2', arr, ['#17b3ec', '#909090']);
}

app/statistics/js/consulting-analysis.js

@@ -110,7 +110,7 @@ new Vue({
                }
            });
        });
        $("#main").removeClass("c-hide")
        $("#main").removeClass("c-hide");
    }
});
@@ -330,4 +330,7 @@ function drawBarChart(xData, yData) {
    };
    myChart.clear();
    myChart.setOption(options);
    window.onresize = function() {
        myChart.resize();
    }
}

app/statistics/js/estimate-analysis.js

@@ -308,4 +308,7 @@ function drawLine(xData, yData, name, color){
    
    $("#lineChart").removeAttr('_echarts_instance_')
    lineCharts.setOption(options);
    window.onresize = function(){
        lineCharts.resize();
    }
}

app/statistics/js/prescription-analysis.js

@@ -1,4 +1,6 @@
var reqList = [];
var agePie,
    ageBar;
Vue.use(Vuedals.default);
new Vue({
    el: "#main",
@@ -145,7 +147,21 @@ new Vue({
                }
            });
        });
        $("#main").removeClass("c-hide")
        $("#main").removeClass("c-hide");
        window.onresize = function() {
            if(agePie){
                agePie.resize();
            }
            if(ageBar){
                ageBar.resize();
            }
            if(window.lineCharts){
                window.lineCharts.resize(); //日周月折线图
            }
            if(window.barCharts){
                window.barCharts.resize(); //日周月折线图
            }
        }
    },
    methods: {
        changeTagCode: function(val){
@@ -380,7 +396,7 @@ function handleTopPanelData(data, vm){
                vm.ageDatas[i].value = data[objName[i]];
            }
            //绘制饼图
            drawPieChart("agePie", vm.ageDatas, color);
            agePie = drawPieChart("agePie", vm.ageDatas, color);
    }
}
@@ -443,7 +459,7 @@ function handleSecondPanelData(data, vm){
                seriesData.push(parseInt(data[fieldName[i]]));
            }
            
            drawBarChart("ageBar", xAxisData, seriesData, color, "人均使用次数");
            ageBar = drawBarChart("ageBar", xAxisData, seriesData, color, "人均使用次数");
            break;
    }
}

component/statistics/bar-chart.js

@@ -161,5 +161,6 @@
        
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        window.barCharts = myChart;
    }
})()