{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\components\\public\\echarts\\bar.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\components\\public\\echarts\\bar.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n\nexport default {\n\tprops: {\n\t\tparams: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => {}\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tcolorList: ['#45DBF7', '#F69846', '#FF4343'],\n\t\t}\n\t},\n\tmounted() {},\n\t// watch 不生��\n\t// watch: {\n\t// \tparams: {\n\t// \t\thandler(newName, oldName) {\n\t// \t\t\tthis.init()\n\t// \t\t},\n\t// \t\tdeep: true,\n\t// \t}\n\t// },\n\tmethods: {\n\t\tinit() {\n\t\t\tthis.params.seriesData = this.params.seriesData.map((item, index) => {\n\t\t\t\tlet obj = {\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tbarMaxWidth: \"3%\",\n\t\t\t\t\tbarMaxWidth: \"3%\",\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\tcolor: this.colorList[index],\n\t\t\t\t\t\t\tbarBorderRadius: 10,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\titem = {\n\t\t\t\t\t...item,\n\t\t\t\t\t...obj\n\t\t\t\t}\n\t\t\t\treturn item\n\t\t\t})\n\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n\t\t\twindow.onresize = myChartDrawer.resize;\n\t\t\tlet option = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: this.params.title,\n\t\t\t\t\tleft: \"center\",\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t},\n\t\t\t\t\ttop: \"8%\"\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\ttop: \"20%\",\n\t\t\t\t\tcontainLabel: false\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\txAxis: {\n\t\t\t\t\tname: this.params.xTitle,\n\t\t\t\t\taxisLine: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#fff'\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\tdata: this.params.xAxisData\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\tname: this.params.yTitle,\n\t\t\t\t\taxisLine: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#fff'\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\ttype: 'value'\n\t\t\t\t},\n\t\t\t\tseries: this.params.seriesData\n\t\t\t}\n\t\t\tmyChartDrawer.setOption(option);\n\t\t}\n\t}\n}\n",{"version":3,"sources":["bar.vue"],"names":[],"mappings":";;;;;;;;AAQA;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"bar.vue","sourceRoot":"src/components/public/echarts","sourcesContent":["<template>\n\t<div>\n\t\t<div class=\"chart-map\" ref=\"myEchart\">\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tprops: {\n\t\t\tparams: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () => {}\n\t\t\t},\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tcolorList: ['#45DBF7', '#F69846', '#FF4343'],\n\t\t\t}\n\t\t},\n\t\tmounted() {},\n\t\t// watch 不生��\n\t\t// watch: {\n\t\t// \tparams: {\n\t\t// \t\thandler(newName, oldName) {\n\t\t// \t\t\tthis.init()\n\t\t// \t\t},\n\t\t// \t\tdeep: true,\n\t\t// \t}\n\t\t// },\n\t\tmethods: {\n\t\t\tinit() {\n\t\t\t\tthis.params.seriesData = this.params.seriesData.map((item, index) => {\n\t\t\t\t\tlet obj = {\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tbarMaxWidth: \"3%\",\n\t\t\t\t\t\tbarMaxWidth: \"3%\",\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: this.colorList[index],\n\t\t\t\t\t\t\t\tbarBorderRadius: 10,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\titem = {\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\t...obj\n\t\t\t\t\t}\n\t\t\t\t\treturn item\n\t\t\t\t})\n\t\t\t\tlet myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n\t\t\t\twindow.onresize = myChartDrawer.resize;\n\t\t\t\tlet option = {\n\t\t\t\t\ttitle: {\n\t\t\t\t\t\ttext: this.params.title,\n\t\t\t\t\t\tleft: \"center\",\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tlegend: {\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttop: \"8%\"\n\t\t\t\t\t},\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\ttop: \"20%\",\n\t\t\t\t\t\tcontainLabel: false\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\txAxis: {\n\t\t\t\t\t\tname: this.params.xTitle,\n\t\t\t\t\t\taxisLine: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\t\tcolor: '#fff'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\tdata: this.params.xAxisData\n\t\t\t\t\t},\n\t\t\t\t\tyAxis: {\n\t\t\t\t\t\tname: this.params.yTitle,\n\t\t\t\t\t\taxisLine: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: \"#FFF\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\t\tcolor: '#fff'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttype: 'value'\n\t\t\t\t\t},\n\t\t\t\t\tseries: this.params.seriesData\n\t\t\t\t}\n\t\t\t\tmyChartDrawer.setOption(option);\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.chart-map {\n\t\theight: calc(calc(100vh - 190px)/2);\n\t}\n</style>\n"]}]}