首页 > Web开发 > 详细

基于webpivottable做的透视表

时间:2014-04-23 20:07:13      阅读:1156      评论:0      收藏:0      [点我收藏+]

1、绑定数据和配置:

var wptConfig=<%= wptConfig%>;

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

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

bubuko.com,布布扣
 var cfg = {
                        "format": "WPT",
                        "version": "1.0",
                        "rows": [0],
                        "cols": [2],
                        "filters": [2],
                        "values": [
                            {
                            "id": 1,
                            "label": "总计 - 销售额",
                            "fieldIndex":1,
                            "stats": "Sum",
                            "format": {
                                "decimalFlag": "on",
                                "decimal": 2
                            }
                        }
                        ]
                    };
View Code

webPivotTable配置参数说明:

bubuko.com,布布扣
    <script type="text/javascript">
        var webPivotTable = null;
        require(["wpt/WebPivotTable", "dojo/domReady!"], function (WebPivotTable) {

            webPivotTable = new WebPivotTable({
                customOptions: {
                    locale: "zh",//选择语言环境为中文
                    uiFlags: {//ui 配置
                        menuBtn: 1,//菜单按钮
                        dataSourceBtn: 0,//数据源按钮
                        languageSwitchBtn: 0,//语言选择按钮
                        helpBtn: 0,//帮助按钮
                        pivotFieldsPaneBtn: 1,//是否隐藏列选择按钮
                        aboutBtn: 0//关于按钮
                    },
                    pivotLayout: "2"        //设置是否只显示表格,或者图形           
                }
            }, "wpt-container");   
             var wptConfig=<%= wptConfig%>;
             
             webPivotTable.setCsvData(<%=dataFields %>, <%=datas %>,eval(wptConfig)); 
        });     
    </script>
bubuko.com,布布扣

 

 

 

 

 

 

基于webpivottable做的透视表,布布扣,bubuko.com

基于webpivottable做的透视表

原文:http://www.cnblogs.com/_fyz/p/3682405.html

(18)
(2)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!