百度echart地图描边

最新推荐文章于 2024-03-29 15:44:18 发布

VIP文章听风者一号

最新推荐文章于 2024-03-29 15:44:18 发布

阅读量713

点赞数

文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/duancsdn/article/details/126878283

版权

1.百度echart地图描边`

<template>
  <div class="area-map">
    <div class="eachert-box" id="area-map" @mouseout="mouseout" @mouseover="mouseover"></div>
  </div>
</template>

<script>
import {
   
  statisticalStreetPost,
  getStreetJobInfo,
  getkqqk,
} from "@/api/module/bigScreen";
import moment from "moment";
import testImportJson from "../js/dhgxq.json";
import * as echarts from "echarts";
import {
    identity } from "lodash";
export default {
   
  name: "areaMap",
  data() {
   
    return {
   
      nowIndex: 0,
      timer: null,
      chartDom: null,
      streetMap: {
   },
      streetIndex: 0,
      rect: {
   },
    };
  },
  props: {
   
    unid: String,
    isFull: Boolean,
  },
  mounted() {
   
    this.getData();
    this.init();
  },
  methods: {
   
    async getData() {
   
      let res = await statisticalStreetPost(this.unid);
      if (res.code == 200) {
   
        let streetArr = res.result || [];
        let streetMap = {
   };
        streetArr.forEach(async (item) => {
   
          let kqxxres = await getkqqk({
   
            dkrq: moment().format("YYYY-MM-DD"),
            streetName: item.fname,
          });
          let gwres = await getStreetJobInfo({
   
            streetName: item.fname,
          });

          if (kqxxres.code == 200) {
   
            let tampObj = {
   };
            kqxxres.result.forEach((kqxxItem) => {
   
              tampObj[kqxxItem.type] = kqxxItem.counts || 0;
            });

            streetMap[item.fname] = {
   
              zc: tampObj["正常"] || 0,
              cd: tampObj["迟到"] || 0,
              qq: tampObj["缺卡"] || 0,
              qj: tampObj["请假"] || 0,
            };
          }

          if (gwres.code == 200) {
   
            let tampObj1 = {
   };
            gwres.result.forEach((gwItem) => {
   
              tampObj1[gwItem.type] = gwItem.counts || 0;
            });
            if (streetMap[item.fname]) {
   
              streetMap[item.fname].zzPerson =
                tampObj1["街道总职工数"] || 0;
              streetMap[item.fname].edPerosn =
                (tampObj1["街道总职工数"] || 0) +
                (tampObj1