epdc-analysis-mp-yushan/miniprogram/subpages/basicReality/components/pileBarAndLineCouldMove/pileBarAndLineCouldMove.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var echarts = require("../../../../components/ec-canvas/echarts");
function getOption(para) {
    var categoryList = para.categoryList, joinNumList = para.joinNumList, organizationsCountList = para.organizationsCountList, averageNum = para.averageNum;
    var option = {
        legend: {
            right: '5%',
            top: '10',
            itemWidth: 10,
            itemHeight: 10,
            icon: 'circle',
            itemGap: 10,
            selectedMode: false,
            data: [{
                    name: '参加人数',
                    textStyle: {
                        color: '#E33723'
                    }
                },
                {
                    name: '组织次数',
                    textStyle: {
                        color: '#E47600'
                    }
                },
                {
                    name: '平均参加人数',
                    textStyle: {
                        color: '#FEAE3A'
                    }
                }]
        },
        tooltip: {
            trigger: 'axis',
            triggerOn: 'click',
            axisPointer: {
                type: 'line',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        grid: {
            left: '15%',
            right: '5%',
            bottom: '20%',
            top: '50'
        },
        dataZoom: {
            start: 0,
            end: (3 / 22) * 100,
            type: 'inside',
            zoomLock: true,
            show: true,
            xAxisIndex: [0],
            backgroundColor: '#ddd',
            showDataShadow: false,
            showDetail: false,
            filterMode: 'filter'
        },
        xAxis: {
            type: 'category',
            axisLabel: {
                rotate: 45,
                color: '#999999',
                margin: 17,
                fontSize: 10,
                formatter: function (params) {
                    var newParamsName = '';
                    var paramsNameNumber = params.length;
                    var provideNumber = 5;
                    var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                    for (var row = 0; row < rowNumber; row++) {
                        newParamsName +=
                            params.substring(row * provideNumber, (row + 1) * provideNumber) + '\n';
                    }
                    return newParamsName;
                }
            },
            axisLine: {
                show: false,
                lineStyle: {
                    color: '#999999'
                }
            },
            axisTick: {
                alignWithLabel: true
            },
            data: categoryList,
        },
        yAxis: {
            type: 'value',
            show: true,
            axisLine: {
                show: false
            },
            axisLabel: {
                color: '#444444'
            },
            axisTick: {
                show: false
            }
        },
        series: [
            {
                name: '参加人数',
                data: joinNumList,
                type: 'bar',
                barWidth: 10,
                stack: '堆叠',
                itemStyle: {
                    normal: {
                        color: '#E33723'
                    }
                }
            },
            {
                name: '组织次数',
                data: organizationsCountList,
                type: 'bar',
                barWidth: 10,
                stack: '堆叠',
                itemStyle: {
                    normal: {
                        color: '#E47600'
                    }
                }
            }, {
                name: '平均参加人数',
                data: averageNum,
                type: 'line',
                smooth: false,
                symbol: 'circle',
                symbolSize: 6,
                itemStyle: {
                    normal: {
                        color: '#FEAE3A',
                        lineStyle: {
                            type: 'dashed',
                            width: 1.5
                        }
                    }
                }
            }
        ]
    };
    return option;
}
Component({
    data: {
        ec: {
            lazyLoad: true
        },
        isLoaded: false,
        isDisposed: false
    },
    properties: {
        pileBarLineObj: {
            type: Object,
            value: {
                categoryList: [],
                joinNumList: [],
                organizationsCountList: [],
                averageNum: []
            },
            observer: function (value) {
                var _this = this;
                if ('categoryList' in value) {
                    setTimeout(function () {
                        _this.loadData(value);
                    }, 500);
                }
            }
        },
        pieDeptNum: {
            type: String,
            value: '左右滑动查看22个街道'
        }
    },
    lifetimes: {
        attached: function () {
            this.ecComponent = this.selectComponent('#pile-bar-line-chart');
            this.init();
        }
    },
    methods: {
        init: function () {
            var _this = this;
            this.ecComponent.init(function (canvas, width, height) {
                _this.chart = echarts.init(canvas, null, {
                    width: width,
                    height: height
                });
                _this.chart.showLoading({
                    text: '加载中...',
                    color: '#c23531',
                    textColor: '#000',
                    maskColor: 'rgba(255, 255, 255, 0.2)',
                    zlevel: 0,
                });
                _this.setData({
                    isLoaded: true,
                    isDisposed: false
                });
                return _this.chart;
            });
        },
        loadData: function (para) {
            this.chart.clear();
            this.chart.hideLoading();
            this.chart.setOption(getOption(para));
        }
    }
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsZUJhckFuZExpbmVDb3VsZE1vdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJwaWxlQmFyQW5kTGluZUNvdWxkTW92ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUNBLGtFQUFtRTtBQUVuRSxTQUFTLFNBQVMsQ0FBQyxJQUFlO0lBQ3hCLElBQUEsZ0NBQVksRUFBRSw4QkFBVyxFQUFFLG9EQUFzQixFQUFFLDRCQUFVLENBQVM7SUFDOUUsSUFBTSxNQUFNLEdBQUk7UUFDZCxNQUFNLEVBQUU7WUFDTixLQUFLLEVBQUUsSUFBSTtZQUNYLEdBQUcsRUFBRSxJQUFJO1lBQ1QsU0FBUyxFQUFFLEVBQUU7WUFDYixVQUFVLEVBQUUsRUFBRTtZQUNkLElBQUksRUFBRSxRQUFRO1lBQ2QsT0FBTyxFQUFFLEVBQUU7WUFDWCxZQUFZLEVBQUUsS0FBSztZQUNuQixJQUFJLEVBQUUsQ0FBQztvQkFDTCxJQUFJLEVBQUUsTUFBTTtvQkFDWixTQUFTLEVBQUU7d0JBQ1QsS0FBSyxFQUFFLFNBQVM7cUJBQ2pCO2lCQUNGO2dCQUNEO29CQUNFLElBQUksRUFBRSxNQUFNO29CQUNaLFNBQVMsRUFBRTt3QkFDVCxLQUFLLEVBQUUsU0FBUztxQkFDakI7aUJBQ0Y7Z0JBQ0Q7b0JBQ0UsSUFBSSxFQUFFLFFBQVE7b0JBQ2QsU0FBUyxFQUFFO3dCQUNULEtBQUssRUFBRSxTQUFTO3FCQUNqQjtpQkFDRixDQUFDO1NBQ0g7UUFDRCxPQUFPLEVBQUU7WUFDUCxPQUFPLEVBQUUsTUFBTTtZQUNmLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRTtnQkFDWCxJQUFJLEVBQUUsTUFBTTtnQkFDWixLQUFLLEVBQUU7b0JBQ0wsZUFBZSxFQUFFLFNBQVM7aUJBQzNCO2FBQ0Y7U0FDRjtRQUNELElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxLQUFLO1lBQ1gsS0FBSyxFQUFFLElBQUk7WUFDWCxNQUFNLEVBQUUsS0FBSztZQUNiLEdBQUcsRUFBRSxJQUFJO1NB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