{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\EquityCompanies.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\EquityCompanies.vue","mtime":1701943659846},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nimport PublicTitle from '@/components/PublicTitle/index'\r\nexport default {\r\n    name: 'EquityCompanies', // 股权公司统计\r\n    components: {PublicTitle},\r\n    data() {\r\n        return {\r\n            colorList: [\r\n                '#198cff',\r\n                '#00d4ff',\r\n                '#55edb0',\r\n                '#ffdb2a',\r\n                '#fdb942',\r\n                '#ff8f57',\r\n                '#c679e5',\r\n            ],\r\n        }\r\n    },\r\n    created() {},\r\n    mounted() {\r\n        this.initChat()\r\n    },\r\n    methods: {\r\n        initChat() {\r\n            let chartDom = echarts.init(document.getElementById('equity-chart'))\r\n            let option = {\r\n                tooltip: {\r\n                    trigger: 'item',\r\n                },\r\n                legend: {\r\n                    orient: 'vertical', // 设置为纵向排列\r\n                    left: '37%', // 设置距离右侧的距离\r\n                    top: '20%', // 设置居中对齐\r\n                    itemWidth: 10, // 设置图标的宽度\r\n                    itemHeight: 10, // 设置图标的高度\r\n                    icon: 'circle', // 设置图标形状为圆形\r\n                    itemGap: 20\r\n                },\r\n                series: [\r\n                    // 外圈背景\r\n                    {\r\n                        type: 'pie',\r\n                        radius: ['66%', '66%'],\r\n                        center: ['20.6%', '53.4%'],\r\n                        hoverAnimation: false,\r\n                        clockWise: false,\r\n                        cursor: 'default',\r\n                        itemStyle: {\r\n                            normal: {\r\n                                borderWidth: 2,\r\n                                borderColor: '#eaeaea',\r\n                            },\r\n                        },\r\n                        tooltip: {\r\n                            show: false,\r\n                        },\r\n                        label: {\r\n                            show: false,\r\n                        },\r\n                        data: [100],\r\n                    },\r\n                    {\r\n                        name: '数量',\r\n                        type: 'pie',\r\n                        radius: ['72%', '87%'],\r\n                        center: ['20.6%', '53.4%'],\r\n                        avoidLabelOverlap: false,\r\n                        itemStyle: {\r\n                            borderColor: '#fff',\r\n                            borderWidth: 2,\r\n                        },\r\n                        label: {\r\n                            show: false,\r\n                            position: 'center',\r\n                        },\r\n\r\n                        emphasis: {\r\n                            label: {\r\n                                show: true,\r\n                                fontSize: 24,\r\n                                formatter: function (params) {\r\n                                    return [\r\n                                        '{num|' +\r\n                                            params.value +\r\n                                            '}' +\r\n                                            '{unit|家}',\r\n                                        '{label|' + params.name + '}',\r\n                                    ].join('\\n')\r\n                                },\r\n                                rich: {\r\n                                    num: {\r\n                                        fontSize: 24,\r\n                                        color: '#000',\r\n                                        lineHeight: 24,\r\n                                        fontWeight: 700,\r\n                                    },\r\n                                    unit: {\r\n                                        fontSize: 14,\r\n                                        color: '#111',\r\n                                        lineHeight: 24,\r\n                                        padding: [0, 5],\r\n                                    },\r\n                                    label: {\r\n                                        fontSize: 14,\r\n                                        lineHeight: 24,\r\n                                        color: '#444',\r\n                                    },\r\n                                },\r\n                            },\r\n                        },\r\n                        labelLine: {\r\n                            show: false,\r\n                        },\r\n                        data: [\r\n                            {\r\n                                value: 100,\r\n                                name: '二级控股子公司',\r\n                                itemStyle: {\r\n                                    color: this.colorList[0],\r\n                                },\r\n                            },\r\n                            {\r\n                                value: 50,\r\n                                name: '二级全资子公司',\r\n                                itemStyle: {\r\n                                    color: this.colorList[1],\r\n                                },\r\n                            },\r\n                            {\r\n                                value: 100,\r\n                                name: '二级参股子公司',\r\n                                itemStyle: {\r\n                                    color: this.colorList[2],\r\n                                },\r\n                            },\r\n                            {\r\n                                value: 583,\r\n                                name: '有限合伙企业',\r\n                                itemStyle: {\r\n                                    color: this.colorList[3],\r\n                                },\r\n                            },\r\n                            {\r\n                                value: 583,\r\n                                name: '三级控股子公司',\r\n                                itemStyle: {\r\n                                    color: this.colorList[4],\r\n                                },\r\n                            },\r\n                            {\r\n                                value: 583,\r\n                                name: '三级全资子公司',\r\n                                itemStyle: {\r\n                                    color: this.colorList[5],\r\n                                },\r\n                            },\r\n                            {\r\n                                value: 583,\r\n                                name: '三级参股子公司',\r\n                                itemStyle: {\r\n                                    color: this.colorList[6],\r\n                                },\r\n                            },\r\n                        ],\r\n                    },\r\n                ],\r\n            }\r\n            chartDom.setOption(option)\r\n            window.addEventListener('resize', () => {\r\n                chartDom.resize()\r\n            })\r\n        },\r\n    },\r\n}\r\n",null]}