TransFlow/node_modules/.cache/babel-loader/b72fcdf7437e6d7786a7c6c4037d9fbe.json

{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js!D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673399846016},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1671074747683},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/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>\n\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n</template>\n  \n<script>\nexport default {\n    name: 'pieChart',//饼图图组件\n    props: {\n        list:{\n            type:Array,\n            default(){\n                return[]\n            }\n        }\n    }, \n    data() {\n\n        return {\n        }\n    },\n    methods: {\n        drawPie() {\n            let myChart = this.$echarts.init(this.$refs.pieChart)\n            var color = [\n                '#0CD2E6',\n                '#3751E6',\n                '#FFC722'\n            ];\n\n            var legend = [\n                '货车',\n                '汽车',\n                '卡车',\n            ];\n\n            var seriesData = [\n                { \"name\": \"货车\", \"value\": 30 },\n                { \"name\": \"汽车\", \"value\": 10 },\n                { \"name\": \"卡车\", \"value\": 15 },\n            ]\n\n            let option = {\n\n                color: color,\n                legend: {\n                    top: 20,\n                    right: 'center',\n                    textStyle: {\n\n                    },\n                    data: legend,\n                },\n                series: [{\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                    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                    },\n                    data: seriesData,\n                }],\n            };\n\n            myChart.setOption(option)\n\n\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\n            //     myChart.resize();\n            // };\n            window.addEventListener('resize',function(){\n                    myChart.resize()\n                }\n            )\n\n        },\n    },\n    mounted() {\n        this.drawPie()\n    }\n}\n</script>\n<style scoped>\n\n</style>"],"sourceRoot":"src/components/chart"}]}