{"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"]}]}