{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"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":["import \"core-js/modules/es6.function.name\";\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//\nimport * as echarts from 'echarts';\nimport PublicTitle from '@/components/PublicTitle/index';\nexport default {\n name: 'LandAssets',\n // 土地资产\n components: {\n PublicTitle: PublicTitle\n },\n data: function data() {\n return {\n colorList: ['#55edb0', '#00d4ff', '#c679e5', '#198cff'],\n dataList: [{\n name: '商业用地',\n value: '12%'\n }, {\n name: '住宅用地',\n value: '6%'\n }, {\n name: '公益用地',\n value: '12%'\n }, {\n name: '工业用地',\n value: '70%'\n }]\n };\n },\n created: function created() {},\n mounted: function mounted() {\n this.initChat();\n },\n methods: {\n initChat: function initChat() {\n var chartDom = echarts.init(document.getElementById('land-chart'));\n var option = {\n tooltip: {\n trigger: 'item'\n },\n // legend: {\n // top: '5%',\n // left: 'center',\n // },\n series: [// 外圈背景\n {\n type: 'pie',\n radius: ['50%', '50%'],\n center: ['47.6%', '48.4%'],\n hoverAnimation: false,\n clockWise: false,\n cursor: 'default',\n itemStyle: {\n normal: {\n borderWidth: 2,\n borderColor: '#eaeaea'\n }\n },\n tooltip: {\n show: false\n },\n label: {\n show: false\n },\n data: [100]\n }, {\n type: 'gauge',\n radius: '98%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 200,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 15,\n lineStyle: {\n color: '#eaeaea',\n width: 1\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n type: 'gauge',\n radius: '83.5%',\n center: ['47.6%', '48.4%'],\n clockwise: true,\n startAngle: '100',\n endAngle: '-269.9999',\n splitNumber: 140,\n //线的条数\n pointer: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n tooltip: {\n show: false\n },\n splitLine: {\n show: true,\n length: 1,\n lineStyle: {\n color: '#eaeaea',\n width: 2\n }\n },\n axisLabel: {\n show: false\n }\n }, {\n name: '面积',\n type: 'pie',\n radius: ['55%', '67%'],\n center: ['47.6%', '48.4%'],\n avoidLabelOverlap: false,\n itemStyle: {\n borderColor: '#fff',\n borderWidth: 2\n },\n label: {\n show: false,\n position: 'center'\n },\n emphasis: {\n label: {\n show: true,\n fontSize: 30,\n formatter: function formatter(params) {\n return ['{num|' + params.value + '}' + '{unit|h㎡}', '{label|' + params.name + '}'].join('\\n');\n },\n rich: {\n num: {\n fontSize: 30,\n color: '#000',\n lineHeight: 30,\n fontWeight: 700\n },\n unit: {\n fontSize: 14,\n color: '#111',\n lineHeight: 30,\n padding: [0, 5]\n },\n label: {\n fontSize: 20,\n lineHeight: 30,\n color: '#444'\n }\n }\n }\n },\n labelLine: {\n show: false\n },\n data: [{\n value: 100,\n name: '商业用地',\n itemStyle: {\n color: this.colorList[0]\n }\n }, {\n value: 50,\n name: '住宅用地',\n itemStyle: {\n color: this.colorList[1]\n }\n }, {\n value: 100,\n name: '公益用地',\n itemStyle: {\n color: this.colorList[2]\n }\n }, {\n value: 583,\n name: '工业用地',\n itemStyle: {\n color: this.colorList[3]\n }\n }]\n }]\n };\n chartDom.setOption(option);\n window.addEventListener('resize', function () {\n chartDom.resize();\n });\n }\n }\n};",null]}