epdc-analysis-mp-yushan/miniprogram/subpages/governRanking/components/gridListItem/gridListItem.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var echarts = require("../../../../components/ec-canvas/echarts.js");
function setOption(chart, chartData, echartsColorList) {
    var option = {
        color: echartsColorList,
        series: [
            {
                type: 'pie',
                radius: ['72%', '95%'],
                silent: true,
                avoidLabelOverlap: false,
                label: {
                    show: false
                },
                labelLine: {
                    show: false,
                    normal: {
                        show: false
                    }
                },
                itemStyle: {
                    borderColor: '#fff',
                    borderWidth: '2'
                },
                data: chartData
            }
        ]
    };
    chart.setOption(option);
}
Component({
    data: {
        ec: {
            lazyLoad: true
        },
        colorList: ['#fe6963', '#ffc600', '#e7a756', '#cfedec'],
        echartsColorList: [],
        chartData: []
    },
    properties: {
        order: {
            type: Number,
            value: 0
        },
        contentObj: {
            type: Object,
            value: {},
            observer: function (value) {
                var chartData = [];
                var echartsColorList = [];
                if (value.byselfPercent == 0 && value.whistleCommunityPercent == 0 && value.whistleStreetPercent == 0) {
                    if (value.byselfPercent == 0) {
                        chartData.push({
                            value: value.byselfPercent,
                            name: '自治率'
                        });
                        echartsColorList.push('#29B9A5');
                    }
                    if (value.whistleCommunityPercent == 0) {
                        chartData.push({
                            value: value.whistleCommunityPercent,
                            name: '吹哨社区率'
                        });
                        echartsColorList.push('#FFA270');
                    }
                    if (value.whistleStreetPercent == 0) {
                        chartData.push({
                            value: value.whistleStreetPercent,
                            name: '吹哨街道率'
                        });
                        echartsColorList.push('#FFC600');
                    }
                }
                else {
                    if (value.byselfPercent > 0) {
                        chartData.push({
                            value: value.byselfPercent,
                            name: '自治率'
                        });
                        echartsColorList.push('#29B9A5');
                    }
                    if (value.whistleCommunityPercent > 0) {
                        chartData.push({
                            value: value.whistleCommunityPercent,
                            name: '吹哨社区率'
                        });
                        echartsColorList.push('#FFA270');
                    }
                    if (value.whistleStreetPercent > 0) {
                        chartData.push({
                            value: value.whistleStreetPercent,
                            name: '吹哨街道率'
                        });
                        echartsColorList.push('#FFC600');
                    }
                }
                this.setData({
                    chartData: chartData,
                    echartsColorList: echartsColorList
                });
            }
        }
    },
    lifetimes: {
        attached: function () {
            this.ecComponent = this.selectComponent('#mychart-dom-bar');
            this.init();
        }
    },
    methods: {
        init: function () {
            var _this = this;
            this.ecComponent.init(function (canvas, width, height) {
                var chart = echarts.init(canvas, null, {
                    width: width,
                    height: height
                });
                setOption(chart, _this.data.chartData, _this.data.echartsColorList);
                return chart;
            });
        }
    }
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZExpc3RJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiZ3JpZExpc3RJdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQ0EscUVBQXNFO0FBRXRFLFNBQVMsU0FBUyxDQUFDLEtBQVUsRUFBRSxTQUFtQixFQUFFLGdCQUEwQjtJQUM1RSxJQUFNLE1BQU0sR0FBRztRQUNiLEtBQUssRUFBRSxnQkFBZ0I7UUFDdkIsTUFBTSxFQUFFO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsTUFBTSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQztnQkFDdEIsTUFBTSxFQUFFLElBQUk7Z0JBQ1osaUJBQWlCLEVBQUUsS0FBSztnQkFDeEIsS0FBSyxFQUFFO29CQUNMLElBQUksRUFBRSxLQUFLO2lCQUNaO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxJQUFJLEVBQUUsS0FBSztvQkFDWCxNQUFNLEVBQUU7d0JBQ04sSUFBSSxFQUFFLEtBQUs7cUJBQ1o7aUJBQ0Y7Z0JBQ0QsU0FBUyxFQUFFO29CQUNULFdBQVcsRUFBRSxNQUFNO29CQUNuQixXQUFXLEVBQUUsR0FBRztpQkFDakI7Z0JBQ0QsSUFBSSxFQUFDLFNBQVM7YUFDZjtTQUNGO0tBQ0YsQ0FBQTtJQUNELEtBQUssQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUE7QUFDekIsQ0FBQztBQUVELFNBQVMsQ0FBQztJQUNSLElBQUksRUFBRTtRQUNKLEVBQUUsRUFBRTtZQUNGLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7UUFDRCxTQUFTLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDdkQsZ0JBQWdCLEVBQUUsRUFBRTtRQUNwQixTQUFTLEVBQUUsRUFBRTtLQUNkO0lBQ0QsVUFBVSxFQUFFO1FBQ1YsS0FBSyxFQUFFO1lBQ0wsSUFBSSxFQUFFLE1BQU07WUFDWixLQUFLLEVBQUUsQ0FBQztTQUNUO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsSUFBSSxFQUFFLE1BQU07WUFDWixLQUFLLEVBQUUsRUFBRTtZQUNULFFBQVEsRUFBRSxVQUFVLEtBQUs7Z0JBQ3ZCLElBQUksU0FBUyxHQUFHLEVBQUUsQ0FBQTtnQkFDbEIsSUFBSSxnQkFBZ0IsR0FBRyxFQUFFLENBQUE7Z0JBQ3pCLElBQUksS0FBSyxDQUFDLGFBQWEsSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDLHVCQUF1QixJQUFJLENBQUMsSUFBSSxLQUFLLENBQUMsb0JBQW9CLElBQUksQ0FBQyxFQUFDO29CQUNwRyxJQUFJLEtBQUssQ0FBQyxhQUFhLElBQUksQ0FBQyxFQUFFO3dCQUM1QixTQUFTLENBQUMsSUFBSSxDQUFDOzRCQUNiLEtBQUssRUFBRSxLQUFLLENBQUMsYUFBYTs0QkFDMUIsSUFBSSxFQUFFLEtBQUs7eUJBQ1osQ0FBQyxDQUFBO3dCQUNGLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtxQkFDakM7b0JBQ0QsSUFBSSxLQUFLLENBQUMsdUJBQXVCLElBQUksQ0FBQyxFQUFFO3dCQUN0QyxTQUFTLENBQUMsSUFBSSxDQUFDOzRCQUNiLEtBQUssRUFBRSxLQUFLLENBQUMsdUJBQXVCOzRCQUNwQyxJQUFJLEVBQUUsT0FBTzt5QkFDZCxDQUFDLENBQUE7d0JBQ0YsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO3FCQUNqQztvQkFDRCxJQUFJLEtBQUssQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLEVBQUU7d0JBQ25DLFNBQVMsQ0FBQyxJQUFJLENBQUM7NEJBQ2IsS0FBSyxFQUFFLEtBQUssQ0FBQyxvQkFBb0I7NEJBQ2pDLElBQUksRUFBRSxPQUFPO3lCQUNkLENBQUMsQ0FBQTt3QkFDRixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUE7cUJBQ2pDO2lCQUNGO3FCQUFJO29CQUNILElBQUksS0FBSyxDQUFDLGFBQWEsR0FBRyxDQUFDLEVBQUU7d0JBQzNCLFNBQVMsQ0FBQyxJQUFJLENBQUM7NEJBQ2IsS0FBSyxFQUFFLEtBQUssQ0FBQyxhQUFhOzRCQUMxQixJQUFJLEVBQUUsS0FBSzt5QkFDWixDQUFDLENBQUE7d0JBQ0YsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO3FCQUNqQztvQkFDRCxJQUFJLEtBQUssQ0FBQyx1QkFBdUIsR0FBRyxDQUFDLEVBQUU7d0JBQ3JDLFNBQVMsQ0FBQyxJQUFJLENBQUM7NEJBQ2IsS0FBSyxFQUFFLEtBQUssQ0FBQyx1QkFBdUI7NEJBQ3BDLElBQUksRUFBRSxPQUFPO3lCQUNkLENBQUMsQ0FBQTt3QkFDRixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUE7cUJBQ2pDO29CQUNELElBQUksS0FBSyxDQUFDLG9CQUFvQixHQUFHLENBQUMsRUFBRTt3QkFDbEMsU0FBUyxDQUFDLElBQUksQ0FBQzs0QkFDYixLQUFLLEVBQUUsS0FBSyxDQUFDLG9CQUFvQjs0QkFDakMsSUFBSSxFQUFFLE9BQU87eUJBQ2QsQ0FBQyxDQUFBO3dCQUNGLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtxQkFDakM7aUJBQ0Y7Z0JBRUQsSUFBSSxDQUFDLE9BQU8sQ0FBQztvQkFFWCxTQUFTLEVBQUUsU0FBUztvQkFFcEIsZ0JBQWdCLEVBQUUsZ0JBQWdCO2lCQUNuQyxDQUFDLENBQUE7WUFDSixDQUFDO1NBQ0Y7S0FDRjtJQUNELFNBQVMsRUFBRTtRQUNULFFBQVE7WUFFTixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsa0JBQWtCLENBQUMsQ0FBQTtZQUMzRCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUE7UUFDYixDQUFDO0tBQ0Y7SUFDRCxPQUFPLEVBQUU7UUFFUCxJQUFJLEVBQUo7WUFBQSxpQkFVQztZQVJDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQUMsTUFBVyxFQUFFLEtBQVUsRUFBRSxNQUFXO2dCQUN6RCxJQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7b0JBQ3ZDLEtBQUssRUFBRSxLQUFLO29CQUNaLE1BQU0sRUFBRSxNQUFNO2lCQUNmLENBQUMsQ0FBQTtnQkFDRixTQUFTLENBQUMsS0FBSyxFQUFFLEtBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEtBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQTtnQkFDakUsT0FBTyxLQUFLLENBQUE7WUFDZCxDQUFDLENBQUMsQ0FBQTtRQUNKLENBQUM7S0FDRjtDQUNGLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEB0cy1pZ25vcmVcclxuaW1wb3J0ICogYXMgZWNoYXJ0cyBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL2VjLWNhbnZhcy9lY2hhcnRzLmpzJ