1 line
9.6 KiB
JSON
1 line
9.6 KiB
JSON
{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"C:\\\\Users\\\\27446\\\\Desktop\\\\up\\\\front\\\\dkha-web-sz-main\\\\node_modules\\\\@babel\\\\runtime-corejs2/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\nexport default {\n props: {\n params: {\n type: Object,\n default: function _default() {}\n }\n },\n data: function data() {\n return {\n colorList: ['#45DBF7', '#F69846', '#FF4343']\n };\n },\n mounted: function mounted() {},\n // watch 不生<E4B88D><E7949F>\n // watch: {\n // \tparams: {\n // \t\thandler(newName, oldName) {\n // \t\t\tthis.init()\n // \t\t},\n // \t\tdeep: true,\n // \t}\n // },\n methods: {\n init: function init() {\n var _this = this;\n\n this.params.seriesData = this.params.seriesData.map(function (item, index) {\n var _obj;\n\n var obj = (_obj = {\n type: 'bar',\n barMaxWidth: \"3%\"\n }, _defineProperty(_obj, \"barMaxWidth\", \"3%\"), _defineProperty(_obj, \"itemStyle\", {\n normal: {\n color: _this.colorList[index],\n barBorderRadius: 10\n }\n }), _obj);\n item = _objectSpread({}, item, {}, obj);\n return item;\n });\n var myChartDrawer = this.$echarts.init(this.$refs.myEchart);\n window.onresize = myChartDrawer.resize;\n var option = {\n title: {\n text: this.params.title,\n left: \"center\",\n textStyle: {\n color: \"#FFF\"\n }\n },\n legend: {\n textStyle: {\n color: \"#FFF\"\n },\n top: \"8%\"\n },\n grid: {\n top: \"20%\",\n containLabel: false\n },\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'shadow'\n }\n },\n xAxis: {\n name: this.params.xTitle,\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#FFF\"\n }\n },\n axisLabel: {\n show: true,\n textStyle: {\n color: '#fff'\n }\n },\n type: 'category',\n data: this.params.xAxisData\n },\n yAxis: {\n name: this.params.yTitle,\n axisLine: {\n show: true,\n lineStyle: {\n color: \"#FFF\"\n }\n },\n axisLabel: {\n show: true,\n textStyle: {\n color: '#fff'\n }\n },\n type: 'value'\n },\n series: this.params.seriesData\n };\n myChartDrawer.setOption(option);\n }\n }\n};",{"version":3,"sources":["bar.vue"],"names":[],"mappings":"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","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 不生<E4B88D><E7949F>\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"],"sourceRoot":"src/components/public/echarts"}]} |