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: [],
        width: 0
    },
    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.setData({
                width: wx.getSystemInfoSync().windowWidth
            });
            this.ecComponent = this.selectComponent('#mychart-dom-bar');
            this.init();
        },
        ready: function () {
            var _this = this;
            wx.createSelectorQuery().in(this).selectAll('.street-name').boundingClientRect(function (res) {
                console.log(_this.data.width);
                var height = _this.data.width > 500 ? "60" : "30";
                if (res[0].height > height) {
                    _this.setData({
                        "contentObj.overHeight": true
                    });
                }
            }).exec();
        }
    },
    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZExpc3RJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiZ3JpZExpc3RJdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQ0EscUVBQXNFO0FBRXRFLFNBQVMsU0FBUyxDQUFDLEtBQVUsRUFBRSxTQUFtQixFQUFFLGdCQUEwQjtJQUM1RSxJQUFNLE1BQU0sR0FBRztRQUNiLEtBQUssRUFBRSxnQkFBZ0I7UUFDdkIsTUFBTSxFQUFFO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsTUFBTSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQztnQkFDdEIsTUFBTSxFQUFFLElBQUk7Z0JBQ1osaUJBQWlCLEVBQUUsS0FBSztnQkFDeEIsS0FBSyxFQUFFO29CQUNMLElBQUksRUFBRSxLQUFLO2lCQUNaO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxJQUFJLEVBQUUsS0FBSztvQkFDWCxNQUFNLEVBQUU7d0JBQ04sSUFBSSxFQUFFLEtBQUs7cUJBQ1o7aUJBQ0Y7Z0JBQ0QsU0FBUyxFQUFFO29CQUNULFdBQVcsRUFBRSxNQUFNO29CQUNuQixXQUFXLEVBQUUsR0FBRztpQkFDakI7Z0JBQ0QsSUFBSSxFQUFDLFNBQVM7YUFDZjtTQUNGO0tBQ0YsQ0FBQTtJQUNELEtBQUssQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUE7QUFDekIsQ0FBQztBQUVELFNBQVMsQ0FBQztJQUNSLElBQUksRUFBRTtRQUNKLEVBQUUsRUFBRTtZQUNGLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7UUFDRCxTQUFTLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDdkQsZ0JBQWdCLEVBQUUsRUFBRTtRQUNwQixTQUFTLEVBQUUsRUFBRTtRQUNiLEtBQUssRUFBQyxDQUFDO0tBQ1I7SUFDRCxVQUFVLEVBQUU7UUFDVixLQUFLLEVBQUU7WUFDTCxJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxDQUFDO1NB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