{"remainingRequest":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/src/components/admin/DeptAdmin/Echart.vue?vue&type=script&lang=js&","dependencies":[{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/src/components/admin/DeptAdmin/Echart.vue","mtime":1742796810165},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/node_modules/babel-loader/lib/index.js","mtime":315532800000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-kms/src/badp-bcxin-5.x/obpm-kms-web/kmspc/node_modules/vue-loader/lib/index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\nimport API from \"@/api.js\";\nexport default {\n  name: 'hello',\n  data () {\n    return {\n     xAxis: [],\n     fileUploadCount: [],\n    }\n  },\n  watch: {\n    fileUploadCount() {\n      this.drawLine();\n    }\n  },\n  mounted(){\n    this.getChart();\n  },\n  methods: {\n    //获取数据\n    async getChart(){\n      let result = await API.getChartData()\n      let data = result.data.data\n      if(data!=undefined){\n          for(let i=0;i<data.length;i++){\n            let userName=data[i].userName;\n            let count=data[i].fileUploadCount;\n            this.xAxis.push(userName);\n            this.fileUploadCount.push(count);\n          }\n      }\n    },\n    //渲染echart\n    drawLine(){\n      // 基于准备好的dom，初始化echarts实例\n      let that = this;\n      let myChart = this.$echarts.init(this.$refs.myChart);\n      let option = {\n        tooltip: {\n          trigger: 'axis',\n          axisPointer : {            // 坐标轴指示器，坐标轴触发有效\n            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'\n          }\n        },\n        xAxis : [\n          {\n            type : 'category',\n            data : this.xAxis\n          },\n        ],\n        yAxis: [\n          {\n            type : 'value'\n          }\n        ],\n        color: ['#d48265', '#91c7ae','#749f83'],\n        legend: {\n          data: this.xAxis\n        },\n        series: [\n          {\n            name:this.$t('label.number_files'),\n            itemStyle: {\n              normal: {\n                color: function(params) {\n                  // build a color map as your need.\n                  let colorList = [\n                    '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',\n                    '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',\n                    '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'\n                  ];\n                  return colorList[params.dataIndex]\n                }\n              }\n            },\n            type:'bar',\n            stack: this.$t('label.label_number_files'),\n            data: this.fileUploadCount\n          }\n        ]\n      };\n      myChart.setOption(option);\n    }\n  }\n}\n",null]}