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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsibGluZUNoYXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQ0Esa0VBQW9FO0FBRXBFLFNBQVMsU0FBUyxDQUFDLElBQVM7SUFDbEIsSUFBQSxnQ0FBWSxFQUFFLDhCQUFXLEVBQUUsb0RBQXNCLEVBQUUsNEJBQVUsQ0FBUztJQUM5RSxJQUFNLE1BQU0sR0FBSTtRQUNkLE1BQU0sRUFBRTtZQUNOLEtBQUssRUFBRSxJQUFJO1lBQ1gsR0FBRyxFQUFFLElBQUk7WUFDVCxTQUFTLEVBQUUsRUFBRTtZQUNiLFVBQVUsRUFBRSxFQUFFO1lBQ2QsT0FBTyxFQUFFLEVBQUU7WUFDWCxZQUFZLEVBQUUsS0FBSztZQUNuQixJQUFJLEVBQUUsQ0FBQztvQkFDTCxJQUFJLEVBQUUsTUFBTTtvQkFDWixTQUFTLEVBQUU7d0JBQ1QsS0FBSyxFQUFFLFNBQVM7cUJBQ2pCO2lCQUNGO2dCQUNEO29CQUNFLElBQUksRUFBRSxNQUFNO29CQUNaLFNBQVMsRUFBRTt3QkFDVCxLQUFLLEVBQUUsU0FBUztxQkFDakI7aUJBQ0Y7Z0JBQ0Q7b0JBQ0UsSUFBSSxFQUFFLFFBQVE7b0JBQ2QsU0FBUyxFQUFFO3dCQUNULEtBQUssRUFBRSxTQUFTO3FCQUNqQjtpQkFDRixDQUFDO1NBQ0g7UUFDRCxPQUFPLEVBQUU7WUFDUCxPQUFPLEVBQUUsTUFBTTtZQUNmLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFdBQVcsRUFBRTtnQkFDWCxJQUFJLEVBQUUsTUFBTTtnQkFDWixLQUFLLEVBQUU7b0JBQ0wsZUFBZSxFQUFFLFNBQVM7aUJBQzNCO2FBQ0Y7U0FDRjtRQUNELElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxLQUFLO1lBQ1gsS0FBSyxFQUFFLElBQUk7WUFDWCxNQUFNLEVBQUUsS0FBSztZQUNiLEdBQUcsRUFBRSxJQUFJO1NBQ1Y7UUFDRCxRQUFRLEVBQUU7WUFDUixLQUFLLEVBQUMsQ0FBQztZQUNQLEdBQUcs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