1 line
7.8 KiB
JSON
1 line
7.8 KiB
JSON
{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'pieChart',\n //饼图图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {};\n },\n methods: {\n drawPie: function drawPie() {\n var _ref;\n\n var myChart = this.$echarts.init(this.$refs.pieChart);\n var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n var legend = ['货车', '汽车', '卡车'];\n var seriesData = [{\n \"name\": \"货车\",\n \"value\": 30\n }, {\n \"name\": \"汽车\",\n \"value\": 10\n }, {\n \"name\": \"卡车\",\n \"value\": 15\n }];\n var option = {\n color: color,\n legend: {\n top: 20,\n right: 'center',\n textStyle: {},\n data: legend\n },\n series: [(_ref = {\n name: '需求类型占比',\n type: 'pie',\n center: ['50%', '55%'],\n radius: '80%',\n label: {\n normal: {\n show: false\n }\n },\n labelLine: {\n show: false,\n length: 0,\n length2: 0\n }\n }, _defineProperty(_ref, \"label\", {\n normal: {\n show: true,\n position: 'inside',\n formatter: '{value|{c}}',\n rich: {\n value: {\n fontSize: 20,\n color: '#ffffff'\n }\n }\n }\n }), _defineProperty(_ref, \"data\", seriesData), _ref)]\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {\n this.drawPie();\n }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AAEA,WAAA,EAAA;AAEA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,KAAA,GAAA,CACA,SADA,EAEA,SAFA,EAGA,SAHA,CAAA;AAMA,UAAA,MAAA,GAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,CAAA;AAMA,UAAA,UAAA,GAAA,CACA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OADA,EAEA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAFA,EAGA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAHA,CAAA;AAMA,UAAA,MAAA,GAAA;AAEA,QAAA,KAAA,EAAA,KAFA;AAGA,QAAA,MAAA,EAAA;AACA,UAAA,GAAA,EAAA,EADA;AAEA,UAAA,KAAA,EAAA,QAFA;AAGA,UAAA,SAAA,EAAA,EAHA;AAMA,UAAA,IAAA,EAAA;AANA,SAHA;AAWA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,QADA;AAEA,UAAA,IAAA,EAAA,KAFA;AAGA,UAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,CAHA;AAIA,UAAA,MAAA,EAAA,KAJA;AAKA,UAAA,KAAA,EAAA;AACA,YAAA,MAAA,EAAA;AACA,cAAA,IAAA,EAAA;AADA;AADA,WALA;AAUA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,KADA;AAEA,YAAA,MAAA,EAAA,CAFA;AAGA,YAAA,OAAA,EAAA;AAHA;AAVA,0CAeA;AACA,UAAA,MAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,QAAA,EAAA,QAFA;AAGA,YAAA,SAAA,EAAA,aAHA;AAIA,YAAA,IAAA,EAAA;AACA,cAAA,KAAA,EAAA;AACA,gBAAA,QAAA,EAAA,EADA;AAEA,gBAAA,KAAA,EAAA;AAFA;AADA;AAJA;AADA,SAfA,iCA4BA,UA5BA;AAXA,OAAA;AA2CA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA/DA,CAkEA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAKA;AA3EA,GAfA;AA4FA,EAAA,OA5FA,qBA4FA;AACA,SAAA,OAAA;AACA;AA9FA,CAAA","sourcesContent":["<template>\r\n\r\n <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list:{\r\n type:Array,\r\n default(){\r\n return[]\r\n }\r\n }\r\n }, \r\n data() {\r\n\r\n return {\r\n }\r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.init(this.$refs.pieChart)\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n\r\n var legend = [\r\n '货车',\r\n '汽车',\r\n '卡车',\r\n ];\r\n\r\n var seriesData = [\r\n { \"name\": \"货车\", \"value\": 30 },\r\n { \"name\": \"汽车\", \"value\": 10 },\r\n { \"name\": \"卡车\", \"value\": 15 },\r\n ]\r\n\r\n let option = {\r\n\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: legend,\r\n },\r\n series: [{\r\n name: '需求类型占比',\r\n type: 'pie',\r\n center: ['50%', '55%'],\r\n radius: '80%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize',function(){\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n this.drawPie()\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]} |