TransFlow/node_modules/.cache/vue-loader/eede9486e49dc5d04087dada1e975232.json

{"remainingRequest":"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":1675938900705},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\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        componentName: {\r\n            type: String\r\n        },\r\n        chartName: {\r\n            type: String\r\n        }\r\n\r\n    },\r\n    data() {\r\n\r\n        return {\r\n            // 图例数据\r\n            legend: [],\r\n            // pie图数据\r\n            seriesData: []\r\n        }\r\n    },\r\n    created() {\r\n        \r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n            if (myChart == null) {\r\n                myChart = this.$echarts.init(this.$refs.pieChart)\r\n            }\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n            let option = {\r\n                title:{\r\n                    show:true,\r\n                    text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n                    textStyle:{\r\n                        lineHeight:'30',\r\n                    }\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: this.legend,\r\n                },\r\n                tooltip: {},\r\n                series: [{\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '70%',\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: this.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        \r\n    },\r\n    watch: {\r\n        list: {\r\n            handler(newVal) {\r\n                if (newVal) {\r\n                    this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n                        return ele.name\r\n                    });\r\n                    newVal[newVal.length - 1].type_data.forEach(ele => {\r\n                        this.seriesData.push({\r\n                            name: ele.name,\r\n                            value: ele.quantity\r\n                        })\r\n                    })\r\n                    this.drawPie()\r\n                    this.seriesData = []\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;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;;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;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pieChart.vue","sourceRoot":"src/components/chart","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        componentName: {\r\n            type: String\r\n        },\r\n        chartName: {\r\n            type: String\r\n        }\r\n\r\n    },\r\n    data() {\r\n\r\n        return {\r\n            // 图例数据\r\n            legend: [],\r\n            // pie图数据\r\n            seriesData: []\r\n        }\r\n    },\r\n    created() {\r\n        \r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n            if (myChart == null) {\r\n                myChart = this.$echarts.init(this.$refs.pieChart)\r\n            }\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n            let option = {\r\n                title:{\r\n                    show:true,\r\n                    text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n                    textStyle:{\r\n                        lineHeight:'30',\r\n                    }\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: this.legend,\r\n                },\r\n                tooltip: {},\r\n                series: [{\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '70%',\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: this.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        \r\n    },\r\n    watch: {\r\n        list: {\r\n            handler(newVal) {\r\n                if (newVal) {\r\n                    this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n                        return ele.name\r\n                    });\r\n                    newVal[newVal.length - 1].type_data.forEach(ele => {\r\n                        this.seriesData.push({\r\n                            name: ele.name,\r\n                            value: ele.quantity\r\n                        })\r\n                    })\r\n                    this.drawPie()\r\n                    this.seriesData = []\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}