{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\charts\\RadarChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\charts\\RadarChart.vue","mtime":1667327528934},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nexport default {\r\n  mounted() {\r\n    this.draw()\r\n  },\r\n  methods: {\r\n    draw() {\r\n      var chartDom = document.getElementById('mainRadar')\r\n      var myChart = echarts.init(chartDom)\r\n      var option\r\n\r\n      option = {\r\n        // title: {\r\n        //   text: 'Multiple Radar'\r\n        // },\r\n        // tooltip: {\r\n        //   trigger: 'axis'\r\n        // },\r\n        tooltip: {\r\n          confine: true,\r\n          trigger: 'item',\r\n          axisPointer: {\r\n            type: ''\r\n          },\r\n          formatter: function(a) {\r\n            let relVal = a.name\r\n            let list = a.value\r\n            let xlname = [\r\n              '市政设施',\r\n              '楼宇厂房',\r\n              '道路工程',\r\n              '公共服务配套',\r\n              '生态环保',\r\n              '征地拆迁',\r\n              '政权建设'\r\n            ]\r\n            let xlzb = ['34%', '19%', '12%', '11%', '14%', '5%', '5%']\r\n            var dotHtml =\r\n              '<span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#009DFF\"></span>'\r\n            for (let i = 0; i < a.data.value.length; i++) {\r\n              relVal +=\r\n                '<br/>' +\r\n                dotHtml +\r\n                xlname[i] +\r\n                '：' +\r\n                list[i] +\r\n                '万元，' +\r\n                '占' +\r\n                xlzb[i]\r\n            }\r\n            return relVal\r\n          }\r\n        },\r\n        legend: {\r\n          top:'10',\r\n          right:'20',\r\n          data: ['2021']\r\n        },\r\n        textStyle: {\r\n          fontSize: 16\r\n        },\r\n        radar: [\r\n          {\r\n            indicator: [\r\n              {text: '房屋工程', color: '#5b9bd5', max: 400},\r\n              {text: '市政工程', color: '#ed7d31', max: 400},\r\n              {text: '配套工程', color: '#70ad47', max: 400},\r\n              {text: '装修(维修)工程', color: '#ffc000', max: 400},\r\n              {text: '生态环保工程', color: '#4472c4', max: 400},\r\n              {text: '零星工程', color: '#91d024', max: 400},\r\n              // {text: '政权建设', color: '#b235e6', max: 400}\r\n            ]\r\n          }\r\n        ],\r\n        series: [\r\n          {\r\n            type: 'radar',\r\n            tooltip: {\r\n              trigger: 'item'\r\n            },\r\n            areaStyle: {},\r\n            data: [\r\n              {\r\n                value: [390, 218, 135, 129, 145, 60, 60],\r\n                name: '2021'\r\n              }\r\n            ],\r\n            emphasis: {\r\n              itemStyle: {\r\n                shadowBlur: 10,\r\n                shadowOffsetX: 0,\r\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\r\n              }\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [\r\n                  {\r\n                    offset: 0,\r\n                    color: '#00a8e1'\r\n                  },\r\n                  {\r\n                    offset: 1,\r\n                    color: '#99cc00'\r\n                  }\r\n                ])\r\n              }\r\n            }\r\n          }\r\n        ]\r\n      }\r\n\r\n      option && myChart.setOption(option)\r\n    }\r\n  }\r\n}\r\n",null]}