epdc-analysis-mp-yushan/miniprogram/subpages/basicReality/components/lineChart/lineChart.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,
            itemGap: 10,
            selectedMode: false,
            data: [{
                    name: '参加人数',
                    textStyle: {
                        color: '#FEAE3A'
                    }
                },
                {
                    name: '组织次数',
                    textStyle: {
                        color: '#DC1E20'
                    }
                },
                {
                    name: '平均参加人数',
                    textStyle: {
                        color: '#DD7B2A'
                    }
                }]
        },
        tooltip: {
            trigger: 'axis',
            triggerOn: 'click',
            axisPointer: {
                type: 'line',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        grid: {
            left: '15%',
            right: '5%',
            bottom: '20%',
            top: '50'
        },
        dataZoom: {
            start: 0,
            end: (6 / 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,
                lineHeight: 15,
                fontSize: 9,
                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: 'line',
                smooth: false,
                symbol: 'circle',
                symbolSize: 6,
                itemStyle: {
                    normal: {
                        color: '#FEAE3A',
                        lineStyle: {
                            type: 'dashed',
                            width: 1.5
                        }
                    }
                }
            },
            {
                name: '组织次数',
                data: organizationsCountList,
                type: 'line',
                smooth: false,
                symbol: 'circle',
                symbolSize: 6,
                itemStyle: {
                    normal: {
                        color: '#DC1E20',
                        lineStyle: {
                            type: 'dashed',
                            width: 1.5
                        }
                    }
                }
            }, {
                name: '平均参加人数',
                data: averageNum,
                type: 'line',
                smooth: false,
                symbol: 'circle',
                symbolSize: 6,
                itemStyle: {
                    normal: {
                        color: '#DD7B2A',
                        lineStyle: {
                            type: 'dashed',
                            width: 1.5
                        }
                    }
                }
            }
        ]
    };
    return option;
}
Component({
    data: {
        ec: {
            lazyLoad: true
        },
        isLoaded: false,
        isDisposed: false
    },
    properties: {
        lineChartObj: {
            type: Object,
            value: {
                categoryList: [],
                joinNumList: [],
                organizationsCountList: [],
                averageNum: []
            },
            observer: function (value) {
                var _this = this;
                if ('categoryList' in value) {
                    setTimeout(function () {
                        _this.loadData(value);
                    }, 500);
                }
            }
        },
        deptNum: {
            type: String,
            value: '左右滑动查看22各街道'
        }
    },
    lifetimes: {
        attached: function () {
            this.ecComponent = this.selectComponent('#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));
        },
        dispose: function () {
            if (this.chart) {
                this.chart.dispose();
            }
            this.setData({
                isDisposed: true
            });
        }
    }
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsibGluZUNoYXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQ0Esa0VBQW9FO0FBRXBFLFNBQVMsU0FBUyxDQUFDLElBQVM7SUFDbEIsSUFBQSxZQUFZLEdBQXNELElBQUksYUFBMUQsRUFBRSxXQUFXLEdBQXlDLElBQUksWUFBN0MsRUFBRSxzQkFBc0IsR0FBaUIsSUFBSSx1QkFBckIsRUFBRSxVQUFVLEdBQUssSUFBSSxXQUFULENBQVM7SUFDOUUsSUFBTSxNQUFNLEdBQUk7UUFDZCxNQUFNLEVBQUU7WUFDTixLQUFLLEVBQUUsSUFBSTtZQUNYLEdBQUcsRUFBRSxJQUFJO1lBQ1QsU0FBUyxFQUFFLEVBQUU7WUFDYixVQUFVLEVBQUUsRUFBRTtZQUNkLE9BQU8sRUFBRSxFQUFFO1lBQ1gsWUFBWSxFQUFFLEtBQUs7WUFDbkIsSUFBSSxFQUFFLENBQUM7b0JBQ0wsSUFBSSxFQUFFLE1BQU07b0JBQ1osU0FBUyxFQUFFO3dCQUNULEtBQUssRUFBRSxTQUFTO3FCQUNqQjtpQkFDRjtnQkFDRDtvQkFDRSxJQUFJLEVBQUUsTUFBTTtvQkFDWixTQUFTLEVBQUU7d0JBQ1QsS0FBSyxFQUFFLFNBQVM7cUJBQ2pCO2lCQUNGO2dCQUNEO29CQUNFLElBQUksRUFBRSxRQUFRO29CQUNkLFNBQVMsRUFBRTt3QkFDVCxLQUFLLEVBQUUsU0FBUztxQkFDakI7aUJBQ0YsQ0FBQztTQUNIO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsT0FBTyxFQUFFLE1BQU07WUFDZixTQUFTLEVBQUUsT0FBTztZQUNsQixXQUFXLEVBQUU7Z0JBQ1gsSUFBSSxFQUFFLE1BQU07Z0JBQ1osS0FBSyxFQUFFO29CQUNMLGVBQWUsRUFBRSxTQUFTO2lCQUMzQjthQUNGO1NBQ0Y7UUFDRCxJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsS0FBSztZQUNYLEtBQUssRUFBRSxJQUFJO1lBQ1gsTUFBTSxFQUFFLEtBQUs7WUFDYixHQUFHLEVBQUUsSUFBSTtTQUNWO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsS0FBSyxFQUFDLENBQUM7WUFDUCxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUUsRUFBRSxDQUFDLEdBQUcsR0FBRztZQUNsQixJQUFJLEVBQUUsUUFBUTtZQUNkLFFBQVEsRUFBRSxJQUFJO1lBQ2QsSUFBSSxFQUFFLElBQUk7WUFDVixVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDZixlQUFlLEVBQUUsTUFBTTtZQUN2QixjQUFjLEVBQUUsS0FBSztZQUNyQixVQUFVLEVBQUUsS0FBSztZQUNqQixVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELEtBQUssRUFBRTtZQUNILElBQUksRUFBRSxVQUFVO1lBQ2hCLFNBQVMsRUFBRTtnQkFDVCxNQUFNLEVBQUUsRUFBRTtnQkFDVixLQUFLLEVBQUUsU0FBUztnQkFDaEIsTUFBTSxFQUFFLEVBQUU7Z0JBQ1YsVUFBVSxFQUFFLEVBQUU7Z0JBQ2QsUUFBUSxFQUFFLENBQUM7Z0JBQ1gsU0FBUyxFQUFFLFVBQVUsTUFBVztvQkFDOUIsSUFBSSxhQUFhLEdBQUcsRUFBRSxDQUFBO29CQUN0QixJQUFJLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUE7b0JBQ3BDLElBQUksYUFBYSxHQUFHLENBQUMsQ0FBQTtvQkFDckIsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxhQUFhLENBQUMsQ0FBQTtvQkFDM0QsS0FBSyxJQUFJLEdBQUcsR0FBRyxDQUFDLEVBQUUsR0FBRyxHQUFHLFNBQVMsRUFBRSxHQUFHLEVBQUUsRUFBRTt3QkFDeEMsYUFBYTs0QkFDWCxNQUFNLENBQUMsU0FBUyxDQUNkLEdBQUcsR0FBRyxhQUFhLEVBQ25CLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLGFBQWEsQ0FDMUIsR0FBRyxJQUFJLENBQUE7cUJBQ1g7b0JBQ0QsT0FBTyxhQUFhLENBQUE7Z0JBQ3RCLENBQUM7YUFDRjtZQUNELFFBQVEsRUFBRTtnQkFDUixJQUFJLEVBQUUsS0FBSztnQkFDWCxTQUFTLEVBQUU7b0JBQ1QsS0FBSyxFQUFFLFNBQVM7aUJBQ2pCO2FBQ0Y7WUFDRCxRQUFRLEVBQUU7Z0JBQ1IsY0FBYyxFQUFFLElBQUk7YUFDckI7WUFDRCxJQUFJLEVBQUUsWUFBWTtTQUVyQjtRQUNELEtBQUssRUFBRTtZQUNILElBQUksRUFBRSxPQUFPO1lBQ2IsSUFBSSxFQUFFLElBQUk7WUFDVixRQUFRLEVBQUU7Z0JBQ1IsSUFBSSxFQUFFLEtBQUs7YUFDWjtZQUNELFNBQVMsRUFBRTtnQkFDVCxLQUFLLEVBQUUsU0FBUzthQUNqQjtZQUNELFFBQVEsRUFBRTtnQkFDUixJQUFJLEVBQUUsS0FBSzthQUNaO1NBQ0o7UUFDRCxNQUFNLEVBQUU7WUFDTjtnQkFDRSxJQUFJLEVBQUUsTUFBTTtnQkFDWixJQUFJLEVBQUUsV0FBVztnQkFFakIsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsTUFBTSxFQUFFLFFBQVE7Z0JBQ2hCLFVBQVUsRUFBRSxDQUFDO2dCQUNiLFNBQVMsRUFBQztvQkFDUixNQUFNLEVBQUU7d0JBQ04sS0FBSyxFQUFFLFNBQVM7d0JBQ2hCLFNBQVMsRUFBRTs0QkFDVCxJQUFJLEVBQUUsUUFBUTs0QkFDZCxLQUFLLEVBQUUsR0FBRzt5QkFDWDtxQkFDRjtpQkFDRjthQUNGO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLE1BQU07Z0JBQ1osSUFBSSxFQUFFLHNCQUFzQjtnQkFFNUIsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsTUFBTSxFQUFFLFFBQVE7Z0JBQ2hCLFVBQVUsRUFBRSxDQUFDO2dCQUNiLFNBQVMsRUFBRTtvQkFDVCxNQUFNLEVBQUU7d0JBQ04sS0FBSyxFQUFFLFNBQVM7d0JBQ2hCLFNBQVMsRUFBRTs0QkFDVCxJQUFJLEVBQUUsUUFBUTs0QkFDZCxLQUFLLEVBQUUsR0FBRzt5QkFDWDtxQkFDRjtpQkFDRjthQUNKLEVBQUM7Z0JBQ0EsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsSUFBSSxFQUFFLFVBQVU7Z0JBRWhCLElBQUksRUFBRSxNQUFNO2dCQUNaLE1BQU0sRUFBRSxLQUFLO2dCQUNiLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixVQUFVLEVBQUUsQ0FBQztnQkFDYixTQUFTLEVBQUU7b0JBQ1QsTUFBTSxFQUFFO3dCQUNOLEtBQUssRUFBRSxTQUFTO3dCQUNoQixTQUFTLEVBQUU7NEJBQ1QsSUFBSSxFQUFFLFFBQVE7NEJBQ2QsS0FBSyxFQUFFLEdBQUc7eUJBQ1g7cUJBQ0Y7aUJBQ0Y7YUFDRjtTQUFDO0tBQ0gsQ0FBQTtJQUVELE9BQU8sTUFBTSxDQUFBO0FBQ2YsQ0FBQztBQUVELFNBQVMsQ0FBQztJQUNSLElBQUksRUFBRTtRQUNKLEVBQUUsRUFBRTtZQUNGLFFBQVEsR