layui实现报表数据

1.html加载界面

<div id="building" ></div>

2.js渲染

//调方法传值
function getBuilding(){var self =  this;http({url: this.api+'/WyReports/buildingReport',dataType: 'json',type: 'post',success: function(resp) {self.buildingReport(resp);//加载报表}})
};
//报表
function buildingReport(data){var x = new Array();var y = new Array();for (var i=0;i<data.length;i++) {x[i] = data[i].name;y[i] = data[i].count; }var myChart = echarts.init(document.getElementById('building'));option = {title: {text: '楼栋统计人数', left: 'center',top: 20,textStyle: {color: 'black'}},tooltip: {trigger: 'axis',axisPointer: {type: 'shadow'}},xAxis: {type: 'category',data: x},yAxis: {type: 'value'},series: [{data: y,type: 'bar',barWidth : 25}]};myChart.setOption(option);
};

layui实现报表数据相关推荐

oracle数据如何获取游标中动态字段_如何实现报表数据的动态层次钻取（二）
上一篇<如何实现报表数据的动态层次钻取(一)>介绍了利用复杂 sql 实现动态层次结构的方法,但该方法依赖 Oracle 的递归语法,在其他类型的数据库中难以实现.要想通用地实现此类报表, ...
wincc报表日报表实例_工作系统二次开发二Python加工原膜切割日报表数据实例
#工作系统二次开发二Python加工原膜切割日报表数据实例 #当查询一个或多个工作令后在表格展示数据前按要求对数据进行二次处理,处理要求看如下 #1.加工单号和母卷物料编号相同则把除第一行外的领料有关 ...
layui导入模板数据_layui表格-template模板的三种用法
问题情境: layui中将数据库数据通过layui table渲染到前端表格,非常简单,但是如果数据库存储的信息不能被直接展示,项目中该页面有好几个这样的字段,会员类型,支付类型,会员时长还有平台类型 ...
PHP数据layui表格,基于layui和thinkphp数据表格的数据接口,layui表格局部刷新
基于layui和thinkphp数据表格的数据接口基于获得和框架数据表格的数据接口,接口程序部分,来源于网络图,但很有用前端URL : '/管理员.PHP/文章/列表' 后端公共e函数列表(){ ...
Android读出Excel报表数据然后导出写入到SQLite数据库
Android读出Excel报表数据然后导出写入到SQLite数据库假设现在有一个excel.xls位于Android手机外部存储器的根目录下,数据报表为: 需要把excel.xls的数据导出,写入 ...
layui使用表格数据，json嵌套数据解决
layui使用表格数据,json嵌套数据解决 layui使用数据表格 json数据输出出现的问题 layui,返回的数据不符合规范,正确的成功状态码 (code) 应为:0 在数据嵌套时的使用 la ...
RDLC报表报表数据(参数栏)不显示怎么办？
1.正常是显示工具栏和报表数据栏的! 2.但是有时候关闭了或者是ReportViewer没有安装的时候,按快捷键 Ctrl+Alt+D 也是没有反应的,要重新加载工具栏,然后再从视图里的报表数 ...
intouch报表数据的获取
在熟悉Intouch项目有一段时间了,也做有相关的三个项目,关于Intouch的一些报表数据的采集,也有了自己一定的看法(主要还是因为自己是野路子)今天就把我常用的一种制作思路,提供给大家.(仅供 ...
如何实现报表数据的动态层次钻取（一）
在报表项目中有时会遇到进行动态层次钻取的需求,这种报表的开发难度一般都较大.而润乾报表的实现则相对简便很多.下面就以<各级部门 KPI 报表>为例,讲解润乾报表(需要结合集算器实现)实现此 ...

layui实现报表数据

layui实现报表数据相关推荐

最新文章

热门文章