index.vue 1.01 KB
<template>
  <div>
    <Chart :cdata="cdata" />
  </div>
</template>

<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
  data () {
    return {
      cdata: {
        seriesData: [],
      },
    };
  },
  components: {
    Chart,
  },
  mounted () {
    this.getdjywltotal();
     window.addEventListener("resize", () => {
      this.getdjywltotal();
    });
  },
  methods: {
    // 获取登记业务量玫瑰图数据
   async getdjywltotal () {
     this.cdata.seriesData=[]
        try {
          let p = {
            DJLX: "",
            QLLX: "",
            XZQDM: "",
          };
          let res = await work.getdjywltotal(p);
          // 遍历修改数组键,作为echars图表的参数
          res.result.map((item) => {
       return (
            this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })

          )
        });
      } catch (error) {
        console.log(error);
      }


    },
  },
};
</script>

<style lang="scss" scoped>

</style>