| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\echarts\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\echarts\\index.vue","mtime":1677828270148},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IGVjaGFydHMgZnJvbSAnZWNoYXJ0cyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnaW5kZXgnLAogIHByb3BzOiB7CiAgICBpbmZvTGlzdDogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6IG51bGwKICAgIH0sCiAgICBzZXJpZXM6IEFycmF5LAogICAgZWNoYXJ0c1RpdGxlOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJycKICAgIH0sCiAgICB5QXhpc0RhdGE6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiBbXTsKICAgICAgfQogICAgfSwKICAgIGJpbmdYZGF0YTogQXJyYXkKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBpbmZvTGlzdHM6IHRoaXMuaW5mb0xpc3QsCiAgICAgIHNlcmllc0FycmF5OiB0aGlzLnNlcmllcwogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICBpbmZvTGlzdDogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5ld1ZhbCwgb2xkVmFsKSB7CiAgICAgICAgdGhpcy5pbmZvTGlzdHMgPSBuZXdWYWw7CiAgICAgICAgdGhpcy5oYW5kbGVTZXRWaXNpdENoYXJ0KCk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUgLy8g5a+56LGh5YaF6YOo5bGe5oCn55qE55uR5ZCs77yM5YWz6ZSu44CCCgogICAgfSwKICAgIHNlcmllczogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5ld1ZhbCwgb2xkVmFsKSB7CiAgICAgICAgdGhpcy5zZXJpZXNBcnJheSA9IG5ld1ZhbDsKICAgICAgICB0aGlzLmhhbmRsZVNldFZpc2l0Q2hhcnQoKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZSAvLyDlr7nosaHlhoXpg6jlsZ7mgKfnmoTnm5HlkKzvvIzlhbPplK7jgIIKCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgZWNoYXJ0czogZnVuY3Rpb24gZWNoYXJ0cygpIHsKICAgICAgcmV0dXJuICdlY2hhcnRzJyArIE1hdGguY2VpbChNYXRoLnJhbmRvbSgpICogMTAwKTsKICAgIH0KICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgIHZhciB2bSA9IHRoaXM7CiAgICB2bS4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICB2bS5oYW5kbGVTZXRWaXNpdENoYXJ0KCk7CiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBfdGhpcy53c0Z1bmMpOwogICAgfSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICB3c0Z1bmM6IGZ1bmN0aW9uIHdzRnVuYygpIHsKICAgICAgdGhpcy5teUNoYXJ0LnJlc2l6ZSgpOwogICAgfSwKICAgIGhhbmRsZVNldFZpc2l0Q2hhcnQ6IGZ1bmN0aW9uIGhhbmRsZVNldFZpc2l0Q2hhcnQoKSB7CiAgICAgIHRoaXMubXlDaGFydCA9IGVjaGFydHMuaW5pdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmVjaGFydHMpKTsKICAgICAgdmFyIG9wdGlvbiA9IG51bGw7CgogICAgICBpZiAodGhpcy5lY2hhcnRzVGl0bGUgPT09ICdjaXJjbGUnKSB7CiAgICAgICAgb3B0aW9uID0gewogICAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgICB0cmlnZ2VyOiAnaXRlbScsCiAgICAgICAgICAgIGZvcm1hdHRlcjogJ3thfSA8YnIvPntifSA6IHtjfSAoe2R9JSknCiAgICAgICAgICB9LAogICAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICAgIG9yaWVudDogJ3ZlcnRpY2FsJywKICAgICAgICAgICAgbGVmdDogJ3JpZ2h0JywKICAgICAgICAgICAgZGF0YTogdGhpcy5pbmZvTGlzdHMuYmluZ194ZGF0YSB8fCBbXQogICAgICAgICAgfSwKICAgICAgICAgIHNlcmllczogW3sKICAgICAgICAgICAgbmFtZTogJ+iuv+mXruadpea6kCcsCiAgICAgICAgICAgIHR5cGU6ICdwaWUnLAogICAgICAgICAgICByYWRpdXM6ICc3MCUnLAogICAgICAgICAgICBjZW50ZXI6IFsnNTAlJywgJzYwJSddLAogICAgICAgICAgICBkYXRhOiB0aGlzLmluZm9MaXN0cy5iaW5nX2RhdGEgfHwgW10sCiAgICAgICAgICAgIGVtcGhhc2lzOiB7CiAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7CiAgICAgICAgICAgICAgICBzaGFkb3dCbHVyOiAxMCwKICAgICAgICAgICAgICAgIHNoYWRvd09mZnNldFg6IDAsCiAgICAgICAgICAgICAgICBzaGFkb3dDb2xvcjogJ3JnYmEoMCwgMCwgMCwgMC41KScKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH1dCiAgICAgICAgfTsKICAgICAgfSBlbHNlIHsKICAgICAgICBvcHRpb24gPSB7CiAgICAgICAgICB0b29sdGlwOiB7CiAgICAgICAgICAgIHRyaWdnZXI6ICdheGlzJwogICAgICAgICAgfSwKICAgICAgICAgIHRvb2xib3g6IHt9LAogICAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICAgIGRhdGE6IHRoaXMuaW5mb0xpc3RzLmxlZ2VuZCB8fCBbXQogICAgICAgICAgfSwKICAgICAgICAgIGNvbG9yOiBbJyMxNDk1RUInLCAnIzAwQ0M2NicsICcjRjlEMjQ5JywgJyNmZjk5MDAnLCAnIzk4NjBERiddLAogICAgICAgICAgZ3JpZDogewogICAgICAgICAgICBsZWZ0OiAxNiwKICAgICAgICAgICAgcmlnaHQ6IDI1LAogICAgICAgICAgICBib3R0b206IDEwLAogICAgICAgICAgICB0b3A6IDQwLAogICAgICAgICAgICBjb250YWluTGFiZWw6IHRydWUKICAgICAgICAgIH0sCiAgICAgICAgICB4QXhpczogW3sKICAgICAgICAgICAgdHlwZTogJ2NhdGVnb3J5JywKICAgICAgICAgICAgYXhpc0xpbmU6IHsKICAgICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICAgIGNvbG9yOiAnI0Q3RERFNCcKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIGF4aXNUaWNrOiB7CiAgICAgICAgICAgICAgYWxpZ25XaXRoTGFiZWw6IHRydWUsCiAgICAgICAgICAgICAgbGluZVN0eWxlOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogJyNEN0RERTQnCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9LAogICAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICAgIGNvbG9yOiAnI0Y1RjdGOScKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIC8vIGF4aXNQb2ludGVyOiB7CiAgICAgICAgICAgIC8vICAgICB0eXBlOiAnc2hhZG93JwogICAgICAgICAgICAvLyB9LAogICAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgICBpbnRlcnZhbDogMCwKICAgICAgICAgICAgICByb3RhdGU6IDQwLAogICAgICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICAgICAgY29sb3I6ICcjN0Y4QjlDJwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSwKICAgICAgICAgICAgZGF0YTogdGhpcy5pbmZvTGlzdHMueEF4aXMKICAgICAgICAgIH1dLAogICAgICAgICAgeUF4aXM6IHRoaXMueUF4aXNEYXRhLmxlbmd0aCA/IHRoaXMueUF4aXNEYXRhIDogewogICAgICAgICAgICBheGlzTGluZTogewogICAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIGF4aXNUaWNrOiB7CiAgICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgICAgfSwKICAgICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogJyM3RjhCOUMnCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9LAogICAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgICAgY29sb3I6ICcjRjVGN0Y5JwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSwKICAgICAgICAgICAgdHlwZTogJ3ZhbHVlJwogICAgICAgICAgfSwKICAgICAgICAgIHNlcmllczogdGhpcy5zZXJpZXNBcnJheQogICAgICAgIH07CiAgICAgIH0gLy8g5Z+65LqO5YeG5aSH5aW955qEZG9t77yM5Yid5aeL5YyWZWNoYXJ0c+WunuS+iwoKCiAgICAgIHRoaXMubXlDaGFydC5zZXRPcHRpb24ob3B0aW9uLCB0cnVlKTsKICAgIH0sCiAgICBoYW5kbGVSZXNpemU6IGZ1bmN0aW9uIGhhbmRsZVJlc2l6ZSgpIHsKICAgICAgdGhpcy5teUNoYXJ0LnJlc2l6ZSgpOwogICAgfQogIH0sCiAgYmVmb3JlRGVzdHJveTogZnVuY3Rpb24gYmVmb3JlRGVzdHJveSgpIHsKICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLndzRnVuYyk7CgogICAgaWYgKCF0aGlzLm15Q2hhcnQpIHsKICAgICAgcmV0dXJuOwogICAgfQoKICAgIHRoaXMubXlDaGFydC5kaXNwb3NlKCk7CiAgICB0aGlzLm15Q2hhcnQgPSBudWxsOwogIH0KfTs="},{"version":3,"mappings":";;;;;;AAOA;AACA;EACAA,aADA;EAEAC;IACAC;MACAC,YADA;MAEAC;IAFA,CADA;IAKAC,aALA;IAMAC;MACAH,YADA;MAEAC;IAFA,CANA;IAUAG;MACAJ,WADA;MAEAC;QAAA;MAAA;IAFA,CAVA;IAcAI;EAdA,CAFA;EAkBAC,IAlBA,kBAkBA;IACA;MACAC,wBADA;MAEAC;IAFA;EAIA,CAvBA;EAwBAC;IACAV;MACAW,OADA,mBACAC,MADA,EACAC,MADA,EACA;QACA;QACA;MACA,CAJA;MAKAC,UALA,CAKA;;IALA,CADA;IAQAX;MACAQ,OADA,mBACAC,MADA,EACAC,MADA,EACA;QACA;QACA;MACA,CAJA;MAKAC,UALA,CAKA;;IALA;EARA,CAxBA;EAwCAC;IACAC,OADA,qBACA;MACA;IACA;EAHA,CAxCA;EA6CAC;IAAA;;IACA;IACAC;MACAA;MACAC;IACA,CAHA;EAIA,CAnDA;EAoDAC;IACAC,MADA,oBACA;MACA;IACA,CAHA;IAIAC,mBAJA,iCAIA;MACA;MACA;;MACA;QACAC;UACAC;YACAC,eADA;YAEAC;UAFA,CADA;UAKAC;YACAC,kBADA;YAEAC,aAFA;YAGAtB;UAHA,CALA;UAUAJ,SACA;YACAL,YADA;YAEAG,WAFA;YAGA6B,aAHA;YAIAC,sBAJA;YAKAxB,oCALA;YAMAyB;cACAC;gBACAC,cADA;gBAEAC,gBAFA;gBAGAC;cAHA;YADA;UANA,CADA;QAVA;MA2BA,CA5BA,MA4BA;QACAb;UACAC;YACAC;UADA,CADA;UAIAY,WAJA;UAKAV;YACApB;UADA,CALA;UAQA+B,8DARA;UASAC;YACAV,QADA;YAEAW,SAFA;YAGAC,UAHA;YAIAC,OAJA;YAKAC;UALA,CATA;UAgBAC,QACA;YACA3C,gBADA;YAEA4C;cACAC;gBACAR;cADA;YADA,CAFA;YAOAS;cACAC,oBADA;cAEAF;gBACAR;cADA;YAFA,CAPA;YAaAW;cACAC,WADA;cAEAJ;gBACAR;cADA;YAFA,CAbA;YAmBA;YACA;YACA;YACAa;cACAC,WADA;cAEAC,UAFA;cAGAC;gBACAhB;cADA;YAHA,CAtBA;YA6BA/B;UA7BA,CADA,CAhBA;UAiDAgD,+BACA,cADA,GAEA;YACAV;cACAK;YADA,CADA;YAIAH;cACAG;YADA,CAJA;YAOAC;cACAG;gBACAhB;cADA;YADA,CAPA;YAYAW;cACAC,UADA;cAEAJ;gBACAR;cADA;YAFA,CAZA;YAkBArC;UAlBA,CAnDA;UAuEAE;QAvEA;MAyEA,CAzGA,CA0GA;;;MACA;IACA,CAhHA;IAiHAqD,YAjHA,0BAiHA;MACA;IACA;EAnHA,CApDA;EAyKAC,aAzKA,2BAyKA;IACAtC;;IACA;MACA;IACA;;IACA;IACA;EACA;AAhLA","names":["name","props","infoList","type","default","series","echartsTitle","yAxisData","bingXdata","data","infoLists","seriesArray","watch","handler","newVal","oldVal","deep","computed","echarts","mounted","vm","window","methods","wsFunc","handleSetVisitChart","option","tooltip","trigger","formatter","legend","orient","left","radius","center","emphasis","itemStyle","shadowBlur","shadowOffsetX","shadowColor","toolbox","color","grid","right","bottom","top","containLabel","xAxis","axisLine","lineStyle","axisTick","alignWithLabel","splitLine","show","axisLabel","interval","rotate","textStyle","yAxis","handleResize","beforeDestroy"],"sourceRoot":"src/components/echarts","sources":["index.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div :id=\"echarts\" style=\"height: 300px\"></div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport echarts from 'echarts';\r\nexport default {\r\n name: 'index',\r\n props: {\r\n infoList: {\r\n type: Object,\r\n default: null,\r\n },\r\n series: Array,\r\n echartsTitle: {\r\n type: String,\r\n default: '',\r\n },\r\n yAxisData: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n bingXdata: Array,\r\n },\r\n data() {\r\n return {\r\n infoLists: this.infoList,\r\n seriesArray: this.series,\r\n };\r\n },\r\n watch: {\r\n infoList: {\r\n handler(newVal, oldVal) {\r\n this.infoLists = newVal;\r\n this.handleSetVisitChart();\r\n },\r\n deep: true, // 对象内部属性的监听，关键。\r\n },\r\n series: {\r\n handler(newVal, oldVal) {\r\n this.seriesArray = newVal;\r\n this.handleSetVisitChart();\r\n },\r\n deep: true, // 对象内部属性的监听，关键。\r\n },\r\n },\r\n computed: {\r\n echarts() {\r\n return 'echarts' + Math.ceil(Math.random() * 100);\r\n },\r\n },\r\n mounted: function () {\r\n const vm = this;\r\n vm.$nextTick(() => {\r\n vm.handleSetVisitChart();\r\n window.addEventListener('resize', this.wsFunc);\r\n });\r\n },\r\n methods: {\r\n wsFunc() {\r\n this.myChart.resize();\r\n },\r\n handleSetVisitChart() {\r\n this.myChart = echarts.init(document.getElementById(this.echarts));\r\n let option = null;\r\n if (this.echartsTitle === 'circle') {\r\n option = {\r\n tooltip: {\r\n trigger: 'item',\r\n formatter: '{a} <br/>{b} : {c} ({d}%)',\r\n },\r\n legend: {\r\n orient: 'vertical',\r\n left: 'right',\r\n data: this.infoLists.bing_xdata || [],\r\n },\r\n series: [\r\n {\r\n name: '访问来源',\r\n type: 'pie',\r\n radius: '70%',\r\n center: ['50%', '60%'],\r\n data: this.infoLists.bing_data || [],\r\n emphasis: {\r\n itemStyle: {\r\n shadowBlur: 10,\r\n shadowOffsetX: 0,\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n },\r\n },\r\n },\r\n ],\r\n };\r\n } else {\r\n option = {\r\n tooltip: {\r\n trigger: 'axis',\r\n },\r\n toolbox: {},\r\n legend: {\r\n data: this.infoLists.legend || [],\r\n },\r\n color: ['#1495EB', '#00CC66', '#F9D249', '#ff9900', '#9860DF'],\r\n grid: {\r\n left: 16,\r\n right: 25,\r\n bottom: 10,\r\n top: 40,\r\n containLabel: true,\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n lineStyle: {\r\n color: '#D7DDE4',\r\n },\r\n },\r\n axisTick: {\r\n alignWithLabel: true,\r\n lineStyle: {\r\n color: '#D7DDE4',\r\n },\r\n },\r\n splitLine: {\r\n show: false,\r\n lineStyle: {\r\n color: '#F5F7F9',\r\n },\r\n },\r\n // axisPointer: {\r\n // type: 'shadow'\r\n // },\r\n axisLabel: {\r\n interval: 0,\r\n rotate: 40,\r\n textStyle: {\r\n color: '#7F8B9C',\r\n },\r\n },\r\n data: this.infoLists.xAxis,\r\n },\r\n ],\r\n yAxis: this.yAxisData.length\r\n ? this.yAxisData\r\n : {\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: {\r\n color: '#7F8B9C',\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#F5F7F9',\r\n },\r\n },\r\n type: 'value',\r\n },\r\n series: this.seriesArray,\r\n };\r\n }\r\n // 基于准备好的dom，初始化echarts实例\r\n this.myChart.setOption(option, true);\r\n },\r\n handleResize() {\r\n this.myChart.resize();\r\n },\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.wsFunc);\r\n if (!this.myChart) {\r\n return;\r\n }\r\n this.myChart.dispose();\r\n this.myChart = null;\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\n"]}]}
|
