{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Charts\\MixChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Charts\\MixChart.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KCmltcG9ydCBlY2hhcnRzIGZyb20gJ2VjaGFydHMnCmltcG9ydCByZXNpemUgZnJvbSAnLi9taXhpbnMvcmVzaXplJwoKZXhwb3J0IGRlZmF1bHQgewogIG1peGluczogW3Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNsYXNzTmFtZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdjaGFydCcKICAgIH0sCiAgICBpZDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdjaGFydCcKICAgIH0sCiAgICB3aWR0aDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICcyMDBweCcKICAgIH0sCiAgICBoZWlnaHQ6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnMjAwcHgnCiAgICB9CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgY2hhcnQ6IG51bGwKICAgIH0KICB9LAogIG1vdW50ZWQoKSB7CiAgICB0aGlzLmluaXRDaGFydCgpCiAgfSwKICBiZWZvcmVEZXN0cm95KCkgewogICAgaWYgKCF0aGlzLmNoYXJ0KSB7CiAgICAgIHJldHVybgogICAgfQogICAgdGhpcy5jaGFydC5kaXNwb3NlKCkKICAgIHRoaXMuY2hhcnQgPSBudWxsCiAgfSwKICBtZXRob2RzOiB7CiAgICBpbml0Q2hhcnQoKSB7CiAgICAgIHRoaXMuY2hhcnQgPSBlY2hhcnRzLmluaXQoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCkpCiAgICAgIGNvbnN0IHhEYXRhID0gKGZ1bmN0aW9uKCkgewogICAgICAgIGNvbnN0IGRhdGEgPSBbXQogICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgMTM7IGkrKykgewogICAgICAgICAgZGF0YS5wdXNoKGkgKyAnbW9udGgnKQogICAgICAgIH0KICAgICAgICByZXR1cm4gZGF0YQogICAgICB9KCkpCiAgICAgIHRoaXMuY2hhcnQuc2V0T3B0aW9uKHsKICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjMzQ0YjU4JywKICAgICAgICB0aXRsZTogewogICAgICAgICAgdGV4dDogJ3N0YXRpc3RpY3MnLAogICAgICAgICAgeDogJzIwJywKICAgICAgICAgIHRvcDogJzIwJywKICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogJyNmZmYnLAogICAgICAgICAgICBmb250U2l6ZTogJzIyJwogICAgICAgICAgfSwKICAgICAgICAgIHN1YnRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogJyM5MDk3OWMnLAogICAgICAgICAgICBmb250U2l6ZTogJzE2JwogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogJ2F4aXMnLAogICAgICAgICAgYXhpc1BvaW50ZXI6IHsKICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgY29sb3I6ICcjZmZmJwogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBncmlkOiB7CiAgICAgICAgICBsZWZ0OiAnNSUnLAogICAgICAgICAgcmlnaHQ6ICc1JScsCiAgICAgICAgICBib3JkZXJXaWR0aDogMCwKICAgICAgICAgIHRvcDogMTUwLAogICAgICAgICAgYm90dG9tOiA5NSwKICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogJyNmZmYnCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIHg6ICc1JScsCiAgICAgICAgICB0b3A6ICcxMCUnLAogICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgIGNvbG9yOiAnIzkwOTc5YycKICAgICAgICAgIH0sCiAgICAgICAgICBkYXRhOiBbJ2ZlbWFsZScsICdtYWxlJywgJ2F2ZXJhZ2UnXQogICAgICAgIH0sCiAgICAgICAgY2FsY3VsYWJsZTogdHJ1ZSwKICAgICAgICB4QXhpczogW3sKICAgICAgICAgIHR5cGU6ICdjYXRlZ29yeScsCiAgICAgICAgICBheGlzTGluZTogewogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICBjb2xvcjogJyM5MDk3OWMnCiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBheGlzVGljazogewogICAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIHNwbGl0QXJlYTogewogICAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBpbnRlcnZhbDogMAoKICAgICAgICAgIH0sCiAgICAgICAgICBkYXRhOiB4RGF0YQogICAgICAgIH1dLAogICAgICAgIHlBeGlzOiBbewogICAgICAgICAgdHlwZTogJ3ZhbHVlJywKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNMaW5lOiB7CiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAnIzkwOTc5YycKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNUaWNrOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICB9LAogICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgIGludGVydmFsOiAwCiAgICAgICAgICB9LAogICAgICAgICAgc3BsaXRBcmVhOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICB9CiAgICAgICAgfV0sCiAgICAgICAgZGF0YVpvb206IFt7CiAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgaGVpZ2h0OiAzMCwKICAgICAgICAgIHhBeGlzSW5kZXg6IFsKICAgICAgICAgICAgMAogICAgICAgICAgXSwKICAgICAgICAgIGJvdHRvbTogMzAsCiAgICAgICAgICBzdGFydDogMTAsCiAgICAgICAgICBlbmQ6IDgwLAogICAgICAgICAgaGFuZGxlSWNvbjogJ3BhdGg6Ly9NMzA2LjEsNDEzYzAsMi4yLTEuOCw0LTQsNGgtNTkuOGMtMi4yLDAtNC0xLjgtNC00VjIwMC44YzAtMi4yLDEuOC00LDQtNGg1OS44YzIuMiwwLDQsMS44LDQsNFY0MTN6JywKICAgICAgICAgIGhhbmRsZVNpemU6ICcxMTAlJywKICAgICAgICAgIGhhbmRsZVN0eWxlOiB7CiAgICAgICAgICAgIGNvbG9yOiAnI2QzZGVlNScKCiAgICAgICAgICB9LAogICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgIGNvbG9yOiAnI2ZmZicgfSwKICAgICAgICAgIGJvcmRlckNvbG9yOiAnIzkwOTc5YycKCiAgICAgICAgfSwgewogICAgICAgICAgdHlwZTogJ2luc2lkZScsCiAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgaGVpZ2h0OiAxNSwKICAgICAgICAgIHN0YXJ0OiAxLAogICAgICAgICAgZW5kOiAzNQogICAgICAgIH1dLAogICAgICAgIHNlcmllczogW3sKICAgICAgICAgIG5hbWU6ICdmZW1hbGUnLAogICAgICAgICAgdHlwZTogJ2JhcicsCiAgICAgICAgICBzdGFjazogJ3RvdGFsJywKICAgICAgICAgIGJhck1heFdpZHRoOiAzNSwKICAgICAgICAgIGJhckdhcDogJzEwJScsCiAgICAgICAgICBpdGVtU3R5bGU6IHsKICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgY29sb3I6ICdyZ2JhKDI1NSwxNDQsMTI4LDEpJywKICAgICAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICAgICAgICBjb2xvcjogJyNmZmYnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgcG9zaXRpb246ICdpbnNpZGVUb3AnLAogICAgICAgICAgICAgICAgZm9ybWF0dGVyKHApIHsKICAgICAgICAgICAgICAgICAgcmV0dXJuIHAudmFsdWUgPiAwID8gcC52YWx1ZSA6ICcnCiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgZGF0YTogWwogICAgICAgICAgICA3MDksCiAgICAgICAgICAgIDE5MTcsCiAgICAgICAgICAgIDI0NTUsCiAgICAgICAgICAgIDI2MTAsCiAgICAgICAgICAgIDE3MTksCiAgICAgICAgICAgIDE0MzMsCiAgICAgICAgICAgIDE1NDQsCiAgICAgICAgICAgIDMyODUsCiAgICAgICAgICAgIDUyMDgsCiAgICAgICAgICAgIDMzNzIsCiAgICAgICAgICAgIDI0ODQsCiAgICAgICAgICAgIDQwNzgKICAgICAgICAgIF0KICAgICAgICB9LAoKICAgICAgICB7CiAgICAgICAgICBuYW1lOiAnbWFsZScsCiAgICAgICAgICB0eXBlOiAnYmFyJywKICAgICAgICAgIHN0YWNrOiAndG90YWwnLAogICAgICAgICAgaXRlbVN0eWxlOiB7CiAgICAgICAgICAgIG5vcm1hbDogewogICAgICAgICAgICAgIGNvbG9yOiAncmdiYSgwLDE5MSwxODMsMSknLAogICAgICAgICAgICAgIGJhckJvcmRlclJhZGl1czogMCwKICAgICAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgICAgIHBvc2l0aW9uOiAndG9wJywKICAgICAgICAgICAgICAgIGZvcm1hdHRlcihwKSB7CiAgICAgICAgICAgICAgICAgIHJldHVybiBwLnZhbHVlID4gMCA/IHAudmFsdWUgOiAnJwogICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGRhdGE6IFsKICAgICAgICAgICAgMzI3LAogICAgICAgICAgICAxNzc2LAogICAgICAgICAgICA1MDcsCiAgICAgICAgICAgIDEyMDAsCiAgICAgICAgICAgIDgwMCwKICAgICAgICAgICAgNDgyLAogICAgICAgICAgICAyMDQsCiAgICAgICAgICAgIDEzOTAsCiAgICAgICAgICAgIDEwMDEsCiAgICAgICAgICAgIDk1MSwKICAgICAgICAgICAgMzgxLAogICAgICAgICAgICAyMjAKICAgICAgICAgIF0KICAgICAgICB9LCB7CiAgICAgICAgICBuYW1lOiAnYXZlcmFnZScsCiAgICAgICAgICB0eXBlOiAnbGluZScsCiAgICAgICAgICBzdGFjazogJ3RvdGFsJywKICAgICAgICAgIHN5bWJvbFNpemU6IDEwLAogICAgICAgICAgc3ltYm9sOiAnY2lyY2xlJywKICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICBub3JtYWw6IHsKICAgICAgICAgICAgICBjb2xvcjogJ3JnYmEoMjUyLDIzMCw0OCwxKScsCiAgICAgICAgICAgICAgYmFyQm9yZGVyUmFkaXVzOiAwLAogICAgICAgICAgICAgIGxhYmVsOiB7CiAgICAgICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICAgICAgcG9zaXRpb246ICd0b3AnLAogICAgICAgICAgICAgICAgZm9ybWF0dGVyKHApIHsKICAgICAgICAgICAgICAgICAgcmV0dXJuIHAudmFsdWUgPiAwID8gcC52YWx1ZSA6ICcnCiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgZGF0YTogWwogICAgICAgICAgICAxMDM2LAogICAgICAgICAgICAzNjkzLAogICAgICAgICAgICAyOTYyLAogICAgICAgICAgICAzODEwLAogICAgICAgICAgICAyNTE5LAogICAgICAgICAgICAxOTE1LAogICAgICAgICAgICAxNzQ4LAogICAgICAgICAgICA0Njc1LAogICAgICAgICAgICA2MjA5LAogICAgICAgICAgICA0MzIzLAogICAgICAgICAgICAyODY1LAogICAgICAgICAgICA0Mjk4CiAgICAgICAgICBdCiAgICAgICAgfQogICAgICAgIF0KICAgICAgfSkKICAgIH0KICB9Cn0K"},{"version":3,"sources":["MixChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;;AAEA;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;;AAEA;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;;AAEA;AACA;AACA;AACA;;AAEA;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;;AAEA;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":"MixChart.vue","sourceRoot":"src/components/Charts","sourcesContent":["<template>\n <div :id=\"id\" :class=\"className\" :style=\"{height:height,width:width}\" />\n</template>\n\n<script>\nimport echarts from 'echarts'\nimport resize from './mixins/resize'\n\nexport default {\n mixins: [resize],\n props: {\n className: {\n type: String,\n default: 'chart'\n },\n id: {\n type: String,\n default: 'chart'\n },\n width: {\n type: String,\n default: '200px'\n },\n height: {\n type: String,\n default: '200px'\n }\n },\n data() {\n return {\n chart: null\n }\n },\n mounted() {\n this.initChart()\n },\n beforeDestroy() {\n if (!this.chart) {\n return\n }\n this.chart.dispose()\n this.chart = null\n },\n methods: {\n initChart() {\n this.chart = echarts.init(document.getElementById(this.id))\n const xData = (function() {\n const data = []\n for (let i = 1; i < 13; i++) {\n data.push(i + 'month')\n }\n return data\n }())\n this.chart.setOption({\n backgroundColor: '#344b58',\n title: {\n text: 'statistics',\n x: '20',\n top: '20',\n textStyle: {\n color: '#fff',\n fontSize: '22'\n },\n subtextStyle: {\n color: '#90979c',\n fontSize: '16'\n }\n },\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n textStyle: {\n color: '#fff'\n }\n }\n },\n grid: {\n left: '5%',\n right: '5%',\n borderWidth: 0,\n top: 150,\n bottom: 95,\n textStyle: {\n color: '#fff'\n }\n },\n legend: {\n x: '5%',\n top: '10%',\n textStyle: {\n color: '#90979c'\n },\n data: ['female', 'male', 'average']\n },\n calculable: true,\n xAxis: [{\n type: 'category',\n axisLine: {\n lineStyle: {\n color: '#90979c'\n }\n },\n splitLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n splitArea: {\n show: false\n },\n axisLabel: {\n interval: 0\n\n },\n data: xData\n }],\n yAxis: [{\n type: 'value',\n splitLine: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#90979c'\n }\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n interval: 0\n },\n splitArea: {\n show: false\n }\n }],\n dataZoom: [{\n show: true,\n height: 30,\n xAxisIndex: [\n 0\n ],\n bottom: 30,\n start: 10,\n end: 80,\n handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',\n handleSize: '110%',\n handleStyle: {\n color: '#d3dee5'\n\n },\n textStyle: {\n color: '#fff' },\n borderColor: '#90979c'\n\n }, {\n type: 'inside',\n show: true,\n height: 15,\n start: 1,\n end: 35\n }],\n series: [{\n name: 'female',\n type: 'bar',\n stack: 'total',\n barMaxWidth: 35,\n barGap: '10%',\n itemStyle: {\n normal: {\n color: 'rgba(255,144,128,1)',\n label: {\n show: true,\n textStyle: {\n color: '#fff'\n },\n position: 'insideTop',\n formatter(p) {\n return p.value > 0 ? p.value : ''\n }\n }\n }\n },\n data: [\n 709,\n 1917,\n 2455,\n 2610,\n 1719,\n 1433,\n 1544,\n 3285,\n 5208,\n 3372,\n 2484,\n 4078\n ]\n },\n\n {\n name: 'male',\n type: 'bar',\n stack: 'total',\n itemStyle: {\n normal: {\n color: 'rgba(0,191,183,1)',\n barBorderRadius: 0,\n label: {\n show: true,\n position: 'top',\n formatter(p) {\n return p.value > 0 ? p.value : ''\n }\n }\n }\n },\n data: [\n 327,\n 1776,\n 507,\n 1200,\n 800,\n 482,\n 204,\n 1390,\n 1001,\n 951,\n 381,\n 220\n ]\n }, {\n name: 'average',\n type: 'line',\n stack: 'total',\n symbolSize: 10,\n symbol: 'circle',\n itemStyle: {\n normal: {\n color: 'rgba(252,230,48,1)',\n barBorderRadius: 0,\n label: {\n show: true,\n position: 'top',\n formatter(p) {\n return p.value > 0 ? p.value : ''\n }\n }\n }\n },\n data: [\n 1036,\n 3693,\n 2962,\n 3810,\n 2519,\n 1915,\n 1748,\n 4675,\n 6209,\n 4323,\n 2865,\n 4298\n ]\n }\n ]\n })\n }\n }\n}\n</script>\n"]}]}
|
