{"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\\LandAssets.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\LandAssets.vue","mtime":1701943659893},{"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'LandAssets', // 土地资产\r\n    components: {PublicTitle},\r\n    data() {\r\n        return {\r\n            colorList: ['#55edb0', '#00d4ff', '#c679e5', '#198cff'],\r\n            dataList: [\r\n                {\r\n                    name: '商业用地',\r\n                    value: '12%',\r\n                },\r\n                {\r\n                    name: '住宅用地',\r\n                    value: '6%',\r\n                },\r\n                {\r\n                    name: '公益用地',\r\n                    value: '12%',\r\n                },\r\n                {\r\n                    name: '工业用地',\r\n                    value: '70%',\r\n                },\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('land-chart'))\r\n            let option = {\r\n                tooltip: {\r\n                    trigger: 'item',\r\n                },\r\n                // legend: {\r\n                //     top: '5%',\r\n                //     left: 'center',\r\n                // },\r\n                series: [\r\n                    // 外圈背景\r\n                    {\r\n                        type: 'pie',\r\n                        radius: ['50%', '50%'],\r\n                        center: ['47.6%', '48.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                        type: 'gauge',\r\n                        radius: '98%',\r\n                        center: ['47.6%', '48.4%'],\r\n                        clockwise: true,\r\n                        startAngle: '100',\r\n                        endAngle: '-269.9999',\r\n                        splitNumber: 200, //线的条数\r\n                        pointer: {\r\n                            show: false,\r\n                        },\r\n                        axisLine: {\r\n                            show: false,\r\n                        },\r\n                        axisTick: {\r\n                            show: false,\r\n                        },\r\n                        tooltip: {\r\n                            show: false,\r\n                        },\r\n                        splitLine: {\r\n                            show: true,\r\n                            length: 15,\r\n                            lineStyle: {\r\n                                color: '#eaeaea',\r\n                                width: 1,\r\n                            },\r\n                        },\r\n                        axisLabel: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    {\r\n                        type: 'gauge',\r\n                        radius: '83.5%',\r\n                        center: ['47.6%', '48.4%'],\r\n                        clockwise: true,\r\n                        startAngle: '100',\r\n                        endAngle: '-269.9999',\r\n                        splitNumber: 140, //线的条数\r\n                        pointer: {\r\n                            show: false,\r\n                        },\r\n                        axisLine: {\r\n                            show: false,\r\n                        },\r\n                        axisTick: {\r\n                            show: false,\r\n                        },\r\n                        tooltip: {\r\n                            show: false,\r\n                        },\r\n                        splitLine: {\r\n                            show: true,\r\n                            length: 1,\r\n                            lineStyle: {\r\n                                color: '#eaeaea',\r\n                                width: 2,\r\n                            },\r\n                        },\r\n                        axisLabel: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '面积',\r\n                        type: 'pie',\r\n                        radius: ['55%', '67%'],\r\n                        center: ['47.6%', '48.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: 30,\r\n                                formatter: function (params) {\r\n                                    return [\r\n                                        '{num|' +\r\n                                            params.value +\r\n                                            '}' +\r\n                                            '{unit|h㎡}',\r\n                                        '{label|' + params.name + '}',\r\n                                    ].join('\\n')\r\n                                },\r\n                                rich: {\r\n                                    num: {\r\n                                        fontSize: 30,\r\n                                        color: '#000',\r\n                                        lineHeight: 30,\r\n                                        fontWeight: 700,\r\n                                    },\r\n                                    unit: {\r\n                                        fontSize: 14,\r\n                                        color: '#111',\r\n                                        lineHeight: 30,\r\n                                        padding: [0, 5],\r\n                                    },\r\n                                    label: {\r\n                                        fontSize: 20,\r\n                                        lineHeight: 30,\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                    },\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]}