TransFlow/node_modules/.cache/babel-loader/0924cbfe194dd0a750a1a5020402cf84.json

{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1672378223402},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1672206975618},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1672206979279}],"contextDependencies":[],"result":["import _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'pieChart',\n  //饼图图组件\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\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 = ['A需求类型', 'B需求类型', 'C需求类型'];\n      var seriesData = [{\n        \"name\": \"A需求类型\",\n        \"value\": 30\n      }, {\n        \"name\": \"B需求类型\",\n        \"value\": 10\n      }, {\n        \"name\": \"C需求类型\",\n        \"value\": 15\n      }];\n      var option = {\n        color: color,\n        // legend: {\n        //     top: 20,\n        //     right: 'center',\n        //     textStyle: {\n        //     },\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);\n\n      window.onresize = 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,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GAhCA;AAiCA,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,OADA,EAEA,OAFA,EAGA,OAHA,CAAA;AAMA,UAAA,UAAA,GAAA,CACA;AAAA,gBAAA,OAAA;AAAA,iBAAA;AAAA,OADA,EAEA;AAAA,gBAAA,OAAA;AAAA,iBAAA;AAAA,OAFA,EAGA;AAAA,gBAAA,OAAA;AAAA,iBAAA;AAAA,OAHA,CAAA;AAMA,UAAA,MAAA,GAAA;AAEA,QAAA,KAAA,EAAA,KAFA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA,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;;AACA,MAAA,MAAA,CAAA,QAAA,GAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAIA;AArEA,GAjCA;AAwGA,EAAA,OAxGA,qBAwGA;AACA,SAAA,OAAA;AACA;AA1GA,CAAA","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:664px;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart', //饼图图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ],\r\n            xData: [\r\n                '0点',\r\n                '1点',\r\n                '2点',\r\n                '3点',\r\n                '4点',\r\n                '5点',\r\n                '6点',\r\n                '7点',\r\n                '8点',\r\n                '9点',\r\n                '10点',\r\n                '11点',\r\n                '12点',\r\n                '13点',\r\n                '14点',\r\n            ],\r\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\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                'A需求类型',\r\n                'B需求类型',\r\n                'C需求类型',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"A需求类型\", \"value\": 30 },\r\n                { \"name\": \"B需求类型\", \"value\": 10 },\r\n                { \"name\": \"C需求类型\", \"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            window.onresize = function(){\r\n                myChart.resize()\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</style>"],"sourceRoot":"src/components/chart"}]}