vue echarts 关系图

最新推荐文章于 2024-04-12 05:06:20 发布

新宇最优秀

最新推荐文章于 2024-04-12 05:06:20 发布

阅读量628

点赞数

分类专栏： echarts 文章标签： vue.js

本文链接：https://blog.csdn.net/tendernessxy/article/details/115674511

版权

vue echarts 关系图

摘要由CSDN通过智能技术生成

实现效果：
在这里插入图片描述

<template>
  <div id="ScatterChart" style="flex: 1; height: 300px; width: 614px; margin-left: 10px"></div>
</template>
<script>
import {
    getPeopleLive } from '@/api/government';
export default {
   
  data() {
   
    return {
   
      qCateListName: [],
      qCateListValue: [],
      qCateList: [],
    };
  },
  mounted() {
   
    this.getPeopleLive();
  },
  methods: {
   
    setSymbolSize(size, max, min) {
   
      const caSize = Math.round(100 - ((max - size) / max) * 80);
      switch (size) {
   
        case max:
          return 80