<template>
  <Chart :cdata="cdata" />
</template>

<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
  data () {
    return {
      cdata: []
    }
  },
  components: {
    Chart
  },
  mounted () {
    this.mapViews();

  },
  methods: {
    async mapViews () {
      try {
        let { result: res } = await work.mapViews("A20");
        res.map((item) => {

          return (
            this.cdata.push({ "name": item.areaName, "value": item.ywtotal })
          )

        });
      } catch (error) {
        this.$refs.msg.messageShow();
      }
    }
  }
}
</script>