js(Extjs6.0 ) 构建二维数组,用于显示到highchart柱状图中。
2016-01-31 00:00
816 查看
var ajax_cfg ={ url : app.base + 'services/common/search/personQuail.json', success : function(resp){ if(resp.success){ var respList = resp.list; var chartsColumns_temp = new Array(); /* 设置图标Y轴 */ Ext.Array.each(respList,function(items){ chartsColumns_temp.push(items.keyCode); }); chartsColumns_temp=Ext.Array.unique(chartsColumns_temp); /* 构建二维数组 */ var tableArray = []; for(var i=0;i<chartsColumns_temp.length;i++){ //列明,有效,无效,过期 tableArray.push([chartsColumns_temp[i],0,0,0]); } /* 为二维表设置数据 */ Ext.Array.each(tableArray,function(tableItem){ Ext.Array.each(respList,function(items){ if(items.keyCode===tableItem[0]){ if(items.status==='有效'){ tableItem[1]=items.total; } if(items.status==='待审核'){ tableItem[2]=items.total; } if(items.status==='失效'){ tableItem[3]=items.total; } } }) }); /* 拆分二维表 */ var chartsColumns = new Array();/* 数据列 */ var chartsData = new Array();/*数据*/ var yx = {name:'有效',data:[]}; var dsh = {name:'待审核',data:[]}; var sx = {name:'失效',data:[]}; Ext.Array.each(tableArray,function(tableItem){ chartsColumns.push(tableItem[0]); yx.data.push(tableItem[1]) dsh.data.push(tableItem[2]) sx.data.push(tableItem[3]) }); chartsData.push(yx,dsh,sx); console.log(chartsColumns); console.log(chartsData); //这里将HighChart的 series属性值设置为chartsData,将xAxis的categories属性值设置为chartsColumns即可。 }; } }; window.util.ajax(ajax_cfg);
相关文章推荐
- <a>标签中href="javascript:;"表示什么意思??
- 如何使用javascript向服务器提交数据(post)
- 【JS】【笔记】JavaScript入门经典(第5版)第2章 简单的脚本
- 【JS】【笔记】JavaScript入门经典(第5版)第1章 概述
- 浏览器中用JavaScript获取剪切板中的文件
- Internet Explorer 9、10、11兼容性分析处理经验谈
- JavaScript跨浏览器处理事件方法(封装成对象)
- 复习---JS-Array 对象
- Javascript异步编程的4种方法
- JS魔法堂:Data URI Scheme介绍
- JavaScript_全局函数
- JavaScript_RegExp
- Json详解
- JS变量的声明被提前到作用域顶部,赋值则保留在原地
- js 获取复选框的值
- JavaScript_Math
- JavaScript_Array
- HapiJS开发手冊
- JavaScript_Date
- underscorejs-contains学习