{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\hydropsDevice\\AnalysisHydrops.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\hydropsDevice\\AnalysisHydrops.vue","mtime":1667545182489},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nimport performanceAnalysis from '@/api/device/performanceAnalysis.js'\r\nexport default {\r\n  data() {\r\n    return {\r\n      chartData: []\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getStatistics()\r\n    this.initChart()\r\n  },\r\n  methods: {\r\n    //获取设备统计分析\r\n    getStatistics() {\r\n      let productType = 'water'\r\n      performanceAnalysis.deviceType(productType, res => {\r\n        // console.log(res)\r\n        if (res.state) {\r\n          this.chartData = res.value\r\n          this.$nextTick(() => {\r\n            this.initChart()\r\n          })\r\n        }\r\n      })\r\n    },\r\n    initChart() {\r\n      let names = []\r\n      let brower = []\r\n      this.chartData.forEach(item => {\r\n        names.push(item.statusName)\r\n        brower.push({\r\n          name: item.statusName,\r\n          value: item.count\r\n        })\r\n      })\r\n      let chartDom = document.getElementById('echarts')\r\n      //注意此处与全局不同\r\n      let myChart = echarts.init(chartDom)\r\n      let option = {\r\n        title: {\r\n          text: '设备状态统计',\r\n          left: 'center'\r\n        },\r\n        tooltip: {\r\n          trigger: 'item'\r\n        },\r\n        legend: {\r\n          data: this.names,\r\n          orient: 'vertical',\r\n          left: 'right'\r\n        },\r\n        series: [\r\n          {\r\n            name: names,\r\n            type: 'pie',\r\n            radius: '50%',\r\n            data: brower,\r\n            emphasis: {\r\n              itemStyle: {\r\n                shadowBlur: 10,\r\n                shadowOffsetX: 0,\r\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\r\n              }\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: function(colors) {\r\n                  var colorList = [\r\n                    '#ef6567',\r\n                    '#91cd77',\r\n                    '#f9c956',\r\n                    '#5470c6',\r\n                    '#75bedc'\r\n                  ]\r\n                  return colorList[colors.dataIndex]\r\n                }\r\n              }\r\n            }\r\n          }\r\n        ]\r\n      }\r\n      myChart.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        if (myChart) {\r\n          myChart.resize()\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n",null]}