1、绑定数据和配置:

var wptConfig=<%= wptConfig%>;

webPivotTable.setCsvData(<%=dataFields %>, <%=datas %>,eval(wptConfig));

三个参数依次对应列,数据源,配置文件,列是指定的一个数组,格式:["a","b"],数据的格式:[["a","b"],["c","d"]],配置文件是一个JSON,格式如下:

 var cfg = {
"format": "WPT",
"version": "1.0",
"rows": [],
"cols": [],
"filters": [],
"values": [
{
"id": ,
"label": "总计 - 销售额",
"fieldIndex":,
"stats": "Sum",
"format": {
"decimalFlag": "on",
"decimal":
}
}
]
};

webPivotTable配置参数说明:

    <script type="text/javascript">
var webPivotTable = null;
require(["wpt/WebPivotTable", "dojo/domReady!"], function (WebPivotTable) { webPivotTable = new WebPivotTable({
customOptions: {
locale: "zh",//选择语言环境为中文
uiFlags: {//ui 配置
menuBtn: ,//菜单按钮
dataSourceBtn: ,//数据源按钮
languageSwitchBtn: ,//语言选择按钮
helpBtn: ,//帮助按钮
pivotFieldsPaneBtn: ,//控制"列选择面板"的按钮显示或者隐藏
aboutBtn: 0//关于按钮
},      

pivotFields: { //Pivot Fields List pane //设置透视Fields的格式,显示或者隐藏等
show: 0, // show/hide: 1/0
position:"right", // position: "left", "top", "right", "bottom"
stacked: 0, //stack fields area or not: 1/0
width:300, // width, only for left and right
height:200 // height, only for top and bottom
},

expandRows: 0,//行是否展开
expandCols: 1,//列是否展开

                    pivotLayout: ""        //设置是否只显示表格,或者图形
}
}, "wpt-container");
var wptConfig=<%= wptConfig%>; webPivotTable.setCsvData(<%=dataFields %>, <%=datas %>,eval(wptConfig));
});
</script>
 {
"format": "WPT",
"version": "1.0",
"grid": {
"showSigns": ,//行前面的+/-好
"showRowTotals": ,//行合计
"showColTotals": ,//列合计
"showRowSubtotals": ,//行小计
"showColSubtotals": ,//列小计
"compactForm": ,
"zoomScale": ,
"zoomScaleStep": 0.05,
"rowHeaderWidth": ,
"cellWidth": ,
"cellHeight":
},
"mode": "CSV",
"rows": [{}],
"cols": [{}],
"filters": [],
"values": [
{
"id": ,
"label": "销售件数",
"fieldIndex":销售件数,
"stats": "Sum",
"format": {
"decimalFlag": "on",
"decimal":
}
},
{
"id": ,
"label": "成交笔数",
"fieldIndex":成交笔数,
"stats": "Sum",
"format": {
"decimalFlag": "on",
"decimal":
}
}
],
"valuesInAxis": ,//如果设置为-1,则value字段不会在列头显示,如果设置为0在列显示,如果设置为1则在rows里面显示。
"valuesIndex":
};

基于webpivottable做的透视表的更多相关文章

  1. excel2013做数据透视表

    excel2013做数据透视表     Excel最新版更新到2013,相比2003.2007和2010,2013的excel界面方面有一定变化,在操作方面也有一定的便捷性.那么如何使用excel20 ...

  2. 通过sql做数据透视表,数据库表行列转换(pivot和Unpivot用法)(一)

    在mssql中大家都知道可以使用pivot来统计数据,实现像excel的透视表功能 一.MSsqlserver中我们通常的用法 1.Sqlserver数据库测试 ---创建测试表 Create tab ...

  3. 【技术分享:python 应用之一】如何使用 Python 对 Excel 做一份数据透视表

    客户这边,其中有一张如同上图所示的数据汇总表,然而需求是,需要将这张表数据做一个数据透视表,最后通过数据透视表中的数据,填写至系统数据库.拿到需求,首先就想到肯定不能直接用设计器去操作 Excel,通 ...

  4. Excel-同个工作簿中,多个工作表中有格式一致的表格,做汇总透视合并信息

    12.同个工作簿中,多个工作表中有格式一致的表格,做汇总透视合并信息 在工作簿中新建一个工作表-汇总表->按Alt+D+P调出数据透视表和数据透视图向导->选择"多重合并计算数据 ...

  5. 【转载】使用Pandas创建数据透视表

    使用Pandas创建数据透视表 本文转载自:蓝鲸的网站分析笔记 原文链接:使用Pandas创建数据透视表 目录 pandas.pivot_table() 创建简单的数据透视表 增加一个行维度(inde ...

  6. 04. Pandas 3| 数值计算与统计、合并连接去重分组透视表文件读取

    1.数值计算和统计基础 常用数学.统计方法 数值计算和统计基础 基本参数:axis.skipna df.mean(axis=1,skipna=False)  -->> axis=1是按行来 ...

  7. 数据透视表sql:用SQL行列转换实现数据透视的一些思考

    用SQL行列转换实现数据透视的一些思考 摘要:根据对报表开发过程中碰到的需要用SQL行列转换进行解决的一类查询统计问题的分析,逐步探索求解得到一种较通用的解决思路,并用函数进行实现.该解决思路及函数实 ...

  8. (三、四)Superset 1.3图表篇——透视表-Pivot Table

    本系列文章基于Superset 1.3.0版本.1.3.0版本目前支持分布,趋势,地理等等类型共59张图表.本次1.3版本的更新图表有了一些新的变化,而之前也一直没有做过非常细致的图表教程. 而且目前 ...

  9. 你别告诉我你还在用Excel做数据透视分析吧,太low了!

    来到大数据分析的时代,大量的大数据分析软件涌现,尽管如此,如果今天有人问起最常用的数据透视分析工具是什么的时候,我猜想Excel应该是大家的不二之选. 但是其实我想说,用现在的手机来打比方,Excel ...

随机推荐

  1. github/gitlab 管理多个ssh key

    github/gitlab 管理多个ssh key 以前只使用一个 ssh key 在github上提交代码,由于工作原因,需要再添加一个ssh key在公司的 gitlab上提交代码,下面记录下配置 ...

  2. MyEclipse: Can't load IA 32-bit .dll on a AMD 64-bit platform

    java.lang.UnsatisfiedLinkError: D:\Tomcat7\apache-tomcat-7.0.59\bin\tcnative-1.dll: Can't load IA 32 ...

  3. weiapi2.2 HelpPage自动生成接口说明文档和接口测试功能

    在开发Webapi项目时每写完一个方法时,是不是需要添加相应的功能说明和测试案例呢?为了更简单方便的写说明接口文档和接口测试HelpPage提供了一个方便的途径. 她的大致原理是:在编译时会生成.dl ...

  4. hdu 1533 Going Home 最小费用最大流

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1533 On a grid map there are n little men and n house ...

  5. ActiveMQ主从配置

    这种方式有个问题,activemq1有消息没消费完但是突然宕机,虽然程序会自动连到activemq2.但是activemq1的消息只有等机器恢复后才会被消费. 1.启动:我这里使用的是apache-a ...

  6. jquery 常用组件的小代码

    获得所有复选框的值 function getAllValue() { var str=""; $("input[name='checkbox']:checkbox&quo ...

  7. 对话框Dialog

    QMainWindow QMainWindow是 Qt 框架带来的一个预定义好的主窗口类. 主窗口,就是一个普通意义上的应用程序(不是指游戏之类的那种)最顶层的窗口.通常是由一个标题栏,一个菜单栏,若 ...

  8. 百度Hi之CSRF蠕虫攻击

    漏洞起因:百度是国内最大的中文搜索引擎.同时百度也提供了百度空间.百度贴吧等BLOG社区服务,拥有海量的用户群,号称全球最大中文社区. 80sec发现过百度产品一系列的安全漏洞,其中一些问题得到了有效 ...

  9. function的prototype

    prototype只有function才有的属性. var a = function() { this.age = 12; this.name = "haha"; }; a.pro ...

  10. c#比较器 排序

    原地址:http://blog.csdn.net/xutao_ustc/article/details/6314057 class Program { static void Main(string[ ...