将后台的返回的格式，根据某个共同的字段分组

在echars 中根据后台给的13条数据，按照年份2019，2018，2017,2016.分数据在按月份规律排成一个数组。

步骤如下：

第三步

第四步，最终要的效果

最终展示

 console.log('能耗同期对比')console.log('第一步')console.log(this.mapEnerConsumComparData)var arr = this.mapEnerConsumComparData  //  得到的十三条数据var monthFlg = []var map = {}var dest = []for (var i = 0; i < arr.length; i++) {var ai = arr[i]if (!map[ai.monthFlg]) {dest.push({monthFlg: ai.monthFlg,    //根据月份分
              data: [ai]})map[ai.monthFlg] = ai} else {for (var j = 0; j < dest.length; j++) {var dj = dest[j]if (dj.monthFlg == ai.monthFlg) {dj.data.push(ai)break}}}}// console.log(dest)for (let i in dest) {monthFlg.push(`${dest[i].monthFlg}月`)}let serie = []for (let i in dest) {for (let j in  dest[i].data) {
//根据每条数据data  循环得到最终的数据var item = {show: dest[i].data[j].monthFlg,name: `${dest[i].data[j].yearFlg}年`,data: dest[i].data[j].totalConsumption}serie.push(item)}}// console.log('第三步')// console.log(serie)// console.log(monthFlg)var mapFun = {}var destFun = []for (var i = 0; i < serie.length; i++) {var ai = serie[i]if (!mapFun[ai.name]) {destFun.push({name: ai.name,type: 'bar',data: [ai.data]})mapFun[ai.name] = ai} else {for (var j = 0; j < destFun.length; j++) {var dj = destFun[j]if (dj.name == ai.name) {dj.data.push(ai.data)break}}}}// this.destFun = destFun// console.log('第四步')// console.log(destFun)// console.log(monthFlg)

转载于:https://www.cnblogs.com/zhenga/p/11002764.html

将后台的返回的格式，根据某个共同的字段分组相关推荐

ajax后台如何把对象转为json_57. Django 2.1.7 查询数据返回json格式
需求问题在日常工作中,对于前端发送过来的请求,后端django大部分都是采用json格式返回,也有采用模板返回视图的方式. 在模板返回视图的方式的确很方便,但是如果涉及到动静分离.ajax请求这类, ...
(转) 服务接口统一返回的格式
1.14.1 统一返回的格式很明显地,默认情况下,我们选择了 JSON 作为统一的格式返回接口结果.这里简单说明一下选取JSON统一返回的原因: JSON当前很流行,且普通接口都采用此格式返回 JS ...
使用jQuery发送POST，Ajax请求返回JSON格式数据
问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...
struts2：JSON在struts中的应用（JSP页面中将对象转换为JSON字符串提交、JSP页面中获取后台Response返回的JSON对象）...
JSON主要创建如下两种数据对象: 由JSON格式字符串创建,转换成JavaScript的Object对象: 由JSON格式字符串创建,转换成JavaScript的List或数组链表对象. 更多关于J ...
LuckySheet设置单元格格式为千分符保存至后台再获取时格式失效
问题: LuckySheet设置单元格格式为千分符保存至后台再获取时格式失效描述: 在使用LuckySheet开发报表功能模块的时候,需要在单元格内显示带千分符的数字,因此,在报表设置阶段,通过Lu ...
ajax返回数据输出成表,javascript代码实例教程-ajax请求返回Json格式数据如何循环输出成table形式...
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过. 首先,Ajax请求数据,(用的是Jquery的Ajax) [javascript] $(function(){ ...
java 返回 json格式_java 如何返回json格式数据，需要技巧
今天上午给同事调了半个小时的程序,最后发现是在后台代码的java返回json格式的数据出了个错误.因此就想到了广大的初学者一开始学习jquery的时候可能会遇到这个问题.现在我就把我的给大家分享一下, ...
python response.json()报错_Django JsonResponse json格式报错解决Django响应JsonResponse返回json格式数据报错问题...
想了解解决Django响应JsonResponse返回json格式数据报错问题的相关内容吗,彭世瑜在本文为您仔细讲解Django JsonResponse json格式报错的相关知识和一些Code实例 ...
python使用numpy的np.float_power函数计算numpy数组中每个数值的指定幂次（例如平方、立方）、np.power函数默认返回整数格式、np.float_power函数返回浮点数
python使用numpy的np.float_power函数计算numpy数组中每个数值的指定幂次(例如平方.立方).np.power函数默认返回整数格式.np.float_power函数默认返回浮点 ...

将后台的返回的格式，根据某个共同的字段分组

将后台的返回的格式，根据某个共同的字段分组相关推荐

最新文章

热门文章