1 line
10 KiB
JSON
1 line
10 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675647241807},{"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":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'barChart',\n //饼图组件\n props: {\n list: Array,\n default: function _default() {\n return [];\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n status: {\n type: String\n }\n },\n data: function data() {\n return {\n xData: [],\n yData: []\n };\n },\n created: function created() {},\n methods: {\n drawBar: function drawBar() {\n var myChart = this.$echarts.init(this.$refs.barChart);\n var option = {\n color: ['#7262FD', '#FC5A5A'],\n tooltip: {\n confine: true\n },\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n xAxis: {\n type: 'category',\n data: this.xData,\n axisLine: {\n lineStyle: {\n color: '#000'\n }\n },\n axisLabel: {\n fontSize: 12,\n color: '#000'\n },\n axisTick: {\n show: false\n }\n },\n yAxis: [{\n type: 'value',\n min: 0,\n minInterval: 1,\n splitArea: {\n show: false\n },\n axisLine: {\n show: true\n },\n axisTick: {\n show: false\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed' // dotted 虚线\n\n }\n },\n axisLabel: {\n fontSize: 12,\n color: '#000',\n fontFamily: 'Bebas'\n }\n }],\n series: [{\n type: 'bar',\n barWidth: 20,\n itemStyle: {\n barBorderRadius: [5, 5, 0, 0]\n },\n name: '时间',\n data: this.yData\n }]\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.drawBar();\n },\n watch: {\n list: {\n handler: function handler(newVal) {\n if (newVal.length != 0) {\n this.xData = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.name;\n });\n this.yData = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.quantity;\n });\n }\n }\n }\n }\n};",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n let myChart = this.$echarts.init(this.$refs.barChart)\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\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 mounted() {\r\n this.drawBar()\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n \r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n</script>"],"sourceRoot":"src/components/chart"}]} |