{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\EquityCompanies.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\EquityCompanies.vue","mtime":1702364333529},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport utils from '@/utils.js';\nimport api from '@/api/homePage.js';\nimport PublicTitle from '@/components/PublicTitle/index';\nexport default {\n  name: 'EquityCompanies',\n  // 股权公司统计\n  components: {\n    PublicTitle: PublicTitle\n  },\n  data: function data() {\n    return {\n      colorList: ['#198cff', '#00d4ff', '#55edb0', '#ffdb2a', '#fdb942', '#ff8f57', '#c679e5'],\n      echartsData: []\n    };\n  },\n  created: function created() {\n    this.getStock();\n  },\n  mounted: function mounted() {},\n  methods: {\n    //字典翻译\n    getDictName: function getDictName(code, value) {\n      return utils.getDictName(code, value);\n    },\n    getStock: function getStock() {\n      var _this = this;\n\n      api.stockStatistics({}, function (res) {\n        if (res.state) {\n          _this.echartsData = res.value;\n        }\n\n        _this.initChat();\n      });\n    },\n    initChat: function initChat() {\n      var _this2 = this;\n\n      var dataList = [];\n      this.echartsData.forEach(function (e, index) {\n        dataList.push({\n          name: _this2.getDictName('gqgsxz', e.assetNature),\n          value: e.count,\n          itemStyle: {\n            color: _this2.colorList[index]\n          }\n        });\n      });\n      var chartDom = echarts.init(document.getElementById('equity-chart'));\n      var option = {\n        tooltip: {\n          trigger: 'item'\n        },\n        legend: {\n          orient: 'vertical',\n          // 设置为纵向排列\n          left: '50%',\n          // 设置距离右侧的距离\n          top: '20%',\n          // 设置居中对齐\n          itemWidth: 10,\n          // 设置图标的宽度\n          itemHeight: 10,\n          // 设置图标的高度\n          icon: 'circle',\n          // 设置图标形状为圆形\n          itemGap: 20,\n          selectedMode: false\n        },\n        series: [{\n          name: '数量',\n          type: 'pie',\n          radius: ['72%', '87%'],\n          center: ['25%', '53.4%'],\n          avoidLabelOverlap: false,\n          itemStyle: {\n            borderColor: '#fff',\n            borderWidth: 2\n          },\n          label: {\n            show: false,\n            position: 'center'\n          },\n          emphasis: {\n            label: {\n              show: true,\n              fontSize: 24,\n              formatter: function formatter(params) {\n                return ['{num|' + params.value + '}' + '{unit|家}', '{label|' + params.name + '}'].join('\\n');\n              },\n              rich: {\n                num: {\n                  fontSize: 24,\n                  color: '#000',\n                  lineHeight: 24,\n                  fontWeight: 700\n                },\n                unit: {\n                  fontSize: 14,\n                  color: '#111',\n                  lineHeight: 24,\n                  padding: [0, 5]\n                },\n                label: {\n                  fontSize: 14,\n                  lineHeight: 24,\n                  color: '#444'\n                }\n              }\n            }\n          },\n          labelLine: {\n            show: false\n          },\n          data: dataList\n        }, // 外圈背景\n        {\n          type: 'pie',\n          radius: ['66%', '66%'],\n          center: ['25%', '53.4%'],\n          hoverAnimation: false,\n          clockWise: false,\n          cursor: 'default',\n          itemStyle: {\n            normal: {\n              borderWidth: 2,\n              borderColor: '#eaeaea'\n            }\n          },\n          tooltip: {\n            show: false\n          },\n          label: {\n            show: false\n          },\n          data: [100]\n        }]\n      };\n      chartDom.setOption(option);\n      window.addEventListener('resize', function () {\n        chartDom.resize();\n      });\n      handleChartLoop(option, chartDom); // 饼图自动轮播\n\n      function handleChartLoop(option, myChart) {\n        if (!myChart) {\n          return;\n        }\n\n        var currentIndex = 0; // 当前高亮图形在饼图数据中的下标\n\n        highlightPie(); // 取消所有高亮并高亮当前图形\n\n        function highlightPie() {\n          // 遍历饼图数据，取消所有图形的高亮效果\n          for (var idx in option.series[0].data) {\n            myChart.dispatchAction({\n              type: 'downplay',\n              seriesIndex: 0,\n              dataIndex: idx\n            });\n          } // 高亮当前图形\n\n\n          myChart.dispatchAction({\n            type: 'highlight',\n            seriesIndex: 0,\n            dataIndex: currentIndex\n          });\n        } // 用户鼠标悬浮到某一图形时，停止自动切换并高亮鼠标悬浮的图形\n\n\n        myChart.on('mouseover', function (params) {\n          if (params.componentType == 'graphic') {\n            return;\n          }\n\n          currentIndex = params.dataIndex;\n          highlightPie();\n        });\n      }\n    }\n  }\n};",null]}