You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							1 lines
						
					
					
						
							7.9 KiB
						
					
					
				
			
		
		
	
	
							1 lines
						
					
					
						
							7.9 KiB
						
					
					
				{"remainingRequest":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\src\\views\\dashboard\\RaddarChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\src\\views\\dashboard\\RaddarChart.vue","mtime":1633763900026},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"F:\\workspace\\gcy\\RK-archives\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KCmltcG9ydCBlY2hhcnRzIGZyb20gJ2VjaGFydHMnCnJlcXVpcmUoJ2VjaGFydHMvdGhlbWUvbWFjYXJvbnMnKSAvLyBlY2hhcnRzIHRoZW1lCmltcG9ydCByZXNpemUgZnJvbSAnLi9taXhpbnMvcmVzaXplJwoKY29uc3QgYW5pbWF0aW9uRHVyYXRpb24gPSAzMDAwCgpleHBvcnQgZGVmYXVsdCB7CiAgbWl4aW5zOiBbcmVzaXplXSwKICBwcm9wczogewogICAgY2xhc3NOYW1lOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJ2NoYXJ0JwogICAgfSwKICAgIHdpZHRoOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJzEwMCUnCiAgICB9LAogICAgaGVpZ2h0OiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJzMwMHB4JwogICAgfQogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNoYXJ0OiBudWxsCiAgICB9CiAgfSwKICBtb3VudGVkKCkgewogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gewogICAgICB0aGlzLmluaXRDaGFydCgpCiAgICB9KQogIH0sCiAgYmVmb3JlRGVzdHJveSgpIHsKICAgIGlmICghdGhpcy5jaGFydCkgewogICAgICByZXR1cm4KICAgIH0KICAgIHRoaXMuY2hhcnQuZGlzcG9zZSgpCiAgICB0aGlzLmNoYXJ0ID0gbnVsbAogIH0sCiAgbWV0aG9kczogewogICAgaW5pdENoYXJ0KCkgewogICAgICB0aGlzLmNoYXJ0ID0gZWNoYXJ0cy5pbml0KHRoaXMuJGVsLCAnbWFjYXJvbnMnKQoKICAgICAgdGhpcy5jaGFydC5zZXRPcHRpb24oewogICAgICAgIHRvb2x0aXA6IHsKICAgICAgICAgIHRyaWdnZXI6ICdheGlzJywKICAgICAgICAgIGF4aXNQb2ludGVyOiB7IC8vIOWdkOagh+i9tOaMh+ekuuWZqO+8jOWdkOagh+i9tOinpuWPkeacieaViAogICAgICAgICAgICB0eXBlOiAnc2hhZG93JyAvLyDpu5jorqTkuLrnm7Tnur/vvIzlj6/pgInkuLrvvJonbGluZScgfCAnc2hhZG93JwogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgcmFkYXI6IHsKICAgICAgICAgIHJhZGl1czogJzY2JScsCiAgICAgICAgICBjZW50ZXI6IFsnNTAlJywgJzQyJSddLAogICAgICAgICAgc3BsaXROdW1iZXI6IDgsCiAgICAgICAgICBzcGxpdEFyZWE6IHsKICAgICAgICAgICAgYXJlYVN0eWxlOiB7CiAgICAgICAgICAgICAgY29sb3I6ICdyZ2JhKDEyNyw5NSwxMzIsLjMpJywKICAgICAgICAgICAgICBvcGFjaXR5OiAxLAogICAgICAgICAgICAgIHNoYWRvd0JsdXI6IDQ1LAogICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAncmdiYSgwLDAsMCwuNSknLAogICAgICAgICAgICAgIHNoYWRvd09mZnNldFg6IDAsCiAgICAgICAgICAgICAgc2hhZG93T2Zmc2V0WTogMTUKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGluZGljYXRvcjogWwogICAgICAgICAgICB7IG5hbWU6ICdTYWxlcycsIG1heDogMTAwMDAgfSwKICAgICAgICAgICAgeyBuYW1lOiAnQWRtaW5pc3RyYXRpb24nLCBtYXg6IDIwMDAwIH0sCiAgICAgICAgICAgIHsgbmFtZTogJ0luZm9ybWF0aW9uIFRlY2hvbG9neScsIG1heDogMjAwMDAgfSwKICAgICAgICAgICAgeyBuYW1lOiAnQ3VzdG9tZXIgU3VwcG9ydCcsIG1heDogMjAwMDAgfSwKICAgICAgICAgICAgeyBuYW1lOiAnRGV2ZWxvcG1lbnQnLCBtYXg6IDIwMDAwIH0sCiAgICAgICAgICAgIHsgbmFtZTogJ01hcmtldGluZycsIG1heDogMjAwMDAgfQogICAgICAgICAgXQogICAgICAgIH0sCiAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICBsZWZ0OiAnY2VudGVyJywKICAgICAgICAgIGJvdHRvbTogJzEwJywKICAgICAgICAgIGRhdGE6IFsnQWxsb2NhdGVkIEJ1ZGdldCcsICdFeHBlY3RlZCBTcGVuZGluZycsICdBY3R1YWwgU3BlbmRpbmcnXQogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgdHlwZTogJ3JhZGFyJywKICAgICAgICAgIHN5bWJvbFNpemU6IDAsCiAgICAgICAgICBhcmVhU3R5bGU6IHsKICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgc2hhZG93Qmx1cjogMTMsCiAgICAgICAgICAgICAgc2hhZG93Q29sb3I6ICdyZ2JhKDAsMCwwLC4yKScsCiAgICAgICAgICAgICAgc2hhZG93T2Zmc2V0WDogMCwKICAgICAgICAgICAgICBzaGFkb3dPZmZzZXRZOiAxMCwKICAgICAgICAgICAgICBvcGFjaXR5OiAxCiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBkYXRhOiBbCiAgICAgICAgICAgIHsKICAgICAgICAgICAgICB2YWx1ZTogWzUwMDAsIDcwMDAsIDEyMDAwLCAxMTAwMCwgMTUwMDAsIDE0MDAwXSwKICAgICAgICAgICAgICBuYW1lOiAnQWxsb2NhdGVkIEJ1ZGdldCcKICAgICAgICAgICAgfSwKICAgICAgICAgICAgewogICAgICAgICAgICAgIHZhbHVlOiBbNDAwMCwgOTAwMCwgMTUwMDAsIDE1MDAwLCAxMzAwMCwgMTEwMDBdLAogICAgICAgICAgICAgIG5hbWU6ICdFeHBlY3RlZCBTcGVuZGluZycKICAgICAgICAgICAgfSwKICAgICAgICAgICAgewogICAgICAgICAgICAgIHZhbHVlOiBbNTUwMCwgMTEwMDAsIDEyMDAwLCAxNTAwMCwgMTIwMDAsIDEyMDAwXSwKICAgICAgICAgICAgICBuYW1lOiAnQWN0dWFsIFNwZW5kaW5nJwogICAgICAgICAgICB9CiAgICAgICAgICBdLAogICAgICAgICAgYW5pbWF0aW9uRHVyYXRpb246IGFuaW1hdGlvbkR1cmF0aW9uCiAgICAgICAgfV0KICAgICAgfSkKICAgIH0KICB9Cn0K"},{"version":3,"sources":["RaddarChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"RaddarChart.vue","sourceRoot":"src/views/dashboard","sourcesContent":["<template>\n  <div :class=\"className\" :style=\"{height:height,width:width}\" />\n</template>\n\n<script>\nimport echarts from 'echarts'\nrequire('echarts/theme/macarons') // echarts theme\nimport resize from './mixins/resize'\n\nconst animationDuration = 3000\n\nexport default {\n  mixins: [resize],\n  props: {\n    className: {\n      type: String,\n      default: 'chart'\n    },\n    width: {\n      type: String,\n      default: '100%'\n    },\n    height: {\n      type: String,\n      default: '300px'\n    }\n  },\n  data() {\n    return {\n      chart: null\n    }\n  },\n  mounted() {\n    this.$nextTick(() => {\n      this.initChart()\n    })\n  },\n  beforeDestroy() {\n    if (!this.chart) {\n      return\n    }\n    this.chart.dispose()\n    this.chart = null\n  },\n  methods: {\n    initChart() {\n      this.chart = echarts.init(this.$el, 'macarons')\n\n      this.chart.setOption({\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: { // 坐标轴指示器,坐标轴触发有效\n            type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'\n          }\n        },\n        radar: {\n          radius: '66%',\n          center: ['50%', '42%'],\n          splitNumber: 8,\n          splitArea: {\n            areaStyle: {\n              color: 'rgba(127,95,132,.3)',\n              opacity: 1,\n              shadowBlur: 45,\n              shadowColor: 'rgba(0,0,0,.5)',\n              shadowOffsetX: 0,\n              shadowOffsetY: 15\n            }\n          },\n          indicator: [\n            { name: 'Sales', max: 10000 },\n            { name: 'Administration', max: 20000 },\n            { name: 'Information Techology', max: 20000 },\n            { name: 'Customer Support', max: 20000 },\n            { name: 'Development', max: 20000 },\n            { name: 'Marketing', max: 20000 }\n          ]\n        },\n        legend: {\n          left: 'center',\n          bottom: '10',\n          data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']\n        },\n        series: [{\n          type: 'radar',\n          symbolSize: 0,\n          areaStyle: {\n            normal: {\n              shadowBlur: 13,\n              shadowColor: 'rgba(0,0,0,.2)',\n              shadowOffsetX: 0,\n              shadowOffsetY: 10,\n              opacity: 1\n            }\n          },\n          data: [\n            {\n              value: [5000, 7000, 12000, 11000, 15000, 14000],\n              name: 'Allocated Budget'\n            },\n            {\n              value: [4000, 9000, 15000, 15000, 13000, 11000],\n              name: 'Expected Spending'\n            },\n            {\n              value: [5500, 11000, 12000, 15000, 12000, 12000],\n              name: 'Actual Spending'\n            }\n          ],\n          animationDuration: animationDuration\n        }]\n      })\n    }\n  }\n}\n</script>\n"]}]} |