{"remainingRequest":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xypm-web-prod\\src\\components\\charts\\projectStatisticsCharts\\PieChartBuild.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\src\\components\\charts\\projectStatisticsCharts\\PieChartBuild.vue","mtime":1667333349305},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web-prod\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nexport default {\r\n  props: {\r\n    params: {\r\n      type: Object,\r\n      default: () => {}\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      myChart: '',\r\n      data: ''\r\n    }\r\n  },\r\n  watch: {\r\n    params: {\r\n      handler(newValue) {\r\n        this.getData(newValue)\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.draw()\r\n    this.getData(this.params)\r\n  },\r\n  methods: {\r\n    getData(params) {\r\n      this.$http\r\n        .post('${cqxy}/biz/statistics/v1/engineeringChange', params)\r\n        .then(res => {\r\n          this.data = res.data.value\r\n          let data = []\r\n          this.data.forEach(item => {\r\n            data.push({\r\n              value: item.total,\r\n              name: item.typeName\r\n            })\r\n          })\r\n          this.refreshData(data)\r\n        })\r\n    },\r\n    refreshData(data) {\r\n      //刷新数据\r\n      var option = this.myChart.getOption()\r\n      option.series[0].data = data\r\n      this.myChart.setOption(option)\r\n    },\r\n    draw() {\r\n      var chartDom = document.getElementById('mainPieChartBuild')\r\n      this.myChart = echarts.init(chartDom)\r\n      var option\r\n\r\n      option = {\r\n        tooltip: {\r\n          trigger: 'item'\r\n        },\r\n        legend: {\r\n          top: 'bottom',\r\n          padding: 20\r\n        },\r\n        color: [\r\n          '#fa2c7b',\r\n          '#ff38e0',\r\n          '#ffa235',\r\n          '#04c5f3',\r\n          '#0066fe',\r\n          '#8932a5',\r\n          '#c90444'\r\n        ],\r\n        series: [\r\n          {\r\n            name: '建设情况统计',\r\n            type: 'pie',\r\n            radius: '50%',\r\n            tooltip: {\r\n              valueFormatter: function(value) {\r\n                return value + '万元'\r\n              }\r\n            },\r\n            label: {\r\n              show: true,\r\n              textStyle: {\r\n                color: '#5690dd',\r\n                fontSize: 14\r\n              },\r\n              formatter: '{b}{c}万元\\n占比{d}%'\r\n            },\r\n            data: [\r\n              {value: 1048, name: '管网'},\r\n              {value: 735, name: '道路'},\r\n              {value: 580, name: '楼宇厂房'},\r\n              {value: 484, name: '征地拆迁'},\r\n              {value: 300, name: '生态环保'}\r\n            ],\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          }\r\n        ]\r\n      }\r\n\r\n      option && this.myChart.setOption(option)\r\n    }\r\n  }\r\n}\r\n",null]}