后台数据返回3个字段,展示不同的echarts

UI框架:ant
页面展示
类型
第一类型VS00:访问人数:
第一类型VS00:访问人数
第二类型VS01:访问次数:
第二类型VS01:访问次数
第三类型VS02:新用户数:
第三类型VS02:新用户数
代码展示ant框架

data() {
	return{
		numType: "VS00"     //先定义一个初始统计类型
	},
	activeUserLineEchartsList: [],
	url:{
		charts:   //图片的信息地址
	}
},
cerated() {
	this.queryCharts(this.numType);
},
methods: {

echatrs图

queryCharts(numType) {		//图片信息
		postDataToMg(this.url.charts, {numType} ).then ( res = > {
		     const { errCode, errMsg, bizContent } = res;
        	const biz = JSON.parse(bizContent);
        	        console.log(biz)
			this.activeUserLineEchartsList = biz.comUserAreaStatisticsMapList.map(
				({ name, value }) => ({
	            name: name.replace(/(省)|(市)|((壮族|回族|维吾尔)?自治区)$/, ""),		//判断
	            value
	          })
          );
          this.drawLine();
	})
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值