1 line
3.3 KiB
JSON
1 line
3.3 KiB
JSON
{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\components\\Echarts\\BarChart.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\components\\Echarts\\BarChart.vue","mtime":1732871026459},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1732872825017},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nimport echarts from 'echarts'\r\nrequire('echarts/theme/macarons') // echarts theme\r\nimport { debounce } from '@/utils'\r\n\r\nconst animationDuration = 6000\r\n\r\nexport default {\r\n props: {\r\n className: {\r\n type: String,\r\n default: 'chart'\r\n },\r\n width: {\r\n type: String,\r\n default: '100%'\r\n },\r\n height: {\r\n type: String,\r\n default: '300px'\r\n }\r\n },\r\n data() {\r\n return {\r\n chart: null\r\n }\r\n },\r\n mounted() {\r\n this.initChart()\r\n this.__resizeHandler = debounce(() => {\r\n if (this.chart) {\r\n this.chart.resize()\r\n }\r\n }, 100)\r\n window.addEventListener('resize', this.__resizeHandler)\r\n },\r\n beforeDestroy() {\r\n if (!this.chart) {\r\n return\r\n }\r\n window.removeEventListener('resize', this.__resizeHandler)\r\n this.chart.dispose()\r\n this.chart = null\r\n },\r\n methods: {\r\n initChart() {\r\n this.chart = echarts.init(this.$el, 'macarons')\r\n\r\n this.chart.setOption({\r\n tooltip: {\r\n trigger: 'axis',\r\n axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'\r\n }\r\n },\r\n grid: {\r\n top: 10,\r\n left: '2%',\r\n right: '2%',\r\n bottom: '3%',\r\n containLabel: true\r\n },\r\n xAxis: [{\r\n type: 'category',\r\n data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\r\n axisTick: {\r\n alignWithLabel: true\r\n }\r\n }],\r\n yAxis: [{\r\n type: 'value',\r\n axisTick: {\r\n show: false\r\n }\r\n }],\r\n series: [{\r\n name: 'pageA',\r\n type: 'bar',\r\n stack: 'vistors',\r\n barWidth: '60%',\r\n data: [79, 52, 200, 334, 390, 330, 220],\r\n animationDuration\r\n }, {\r\n name: 'pageB',\r\n type: 'bar',\r\n stack: 'vistors',\r\n barWidth: '60%',\r\n data: [80, 52, 200, 334, 390, 330, 220],\r\n animationDuration\r\n }, {\r\n name: 'pageC',\r\n type: 'bar',\r\n stack: 'vistors',\r\n barWidth: '60%',\r\n data: [30, 52, 200, 334, 390, 330, 220],\r\n animationDuration\r\n }]\r\n })\r\n }\r\n }\r\n}\r\n",null]} |