【SpreadJS V15.1 新特性介绍】通过集算表直接创建透视表

收藏

SpreadJS V15.1 新支持了通过集算表直接创建透视表，可以将某张集算表的view 作为数据源，以此创建数据透视表。如下图所示，我们创建了一个汽车销售数据相关的集算表。
image.png298739928.png

这个表格数据量有20多万条，非常庞大的数据量，这个时候我们需要按不同的维度在其中做数据统计就变得非常的麻烦，甚至无法下手。
而在V15.1,我们能像在之前Excel那样，对这样数据建立一个数据透视表，通过数据透视表来进行数据分析。
实现的代码非常简单，如下所示：

var sheet1 = spread.getSheetFromName("Sheet1");
var pivotTable = sheet1.pivotTables.add("PivotTable", "dataBase", 0, 0);
var panel = new GC.Spread.Pivot.PivotPanel("myPivotPanel", pivotTable, document.getElementById("panel"));

复制代码

首先，我们建立一个非集算表的普通工作表Sheet1.
然后，给Sheet1中添加一个数据透视表，而这个数据透视表的数据源这里我们写了一个"dataBase"的字符串，那么这个"dataBase"的字符串是什么呢，他其实是创建的集算表的表名，即下面代码中创建集算表时起的名字。

spread.addSheetTab(0, "dataBase", GC.Spread.Sheets.SheetType.tableSheet);

复制代码

最后，我们通过PivotPanel给数据透视表安装一个面板。
实际效果如下，当我们在集算表数据加载完成后，点击添加数据透视表的按钮：
image.png37886046.png

之后会执行上面的代码，执行之后，我们切换到sheet1可以发现数据透视表已经建立好了，并且在右侧菜单下方也同时建立了数据透视表的操作面板。
image.png907247924.png

我们可以根据面板，按不同的维度组合生成数据透视表的结果。
image.png592978515.png

bella · bella

有完整的demo吗？

Clark.Pan · Clark.Pan

直接插入数据透视表就行了，要分析的数据选择对应的整个集算表
image.png398924254.png

bella · bella

Clark.Pan 发表于 2023-11-13 11:11
直接插入数据透视表就行了，要分析的数据选择对应的整个集算表

不适用设计器的情况呢

bella · bella

Clark.Pan · Clark.Pan

这说明您的集算表中没有数据

bella · bella

数据是异步加载的

bella · bella

这样写后集算表正常显示，但是透视设置又不生效
image.png622949218.png

Clark.Pan · Clark.Pan

经测试无法重现您的问题，并且上述设置都是可以生效的包括面板。
我这边猜测您面板出不来是因为dom没有配置面板的dom节点
请参考例子中的html的配置
https://demo.grapecity.com.cn/sp ... nel/overview/purejs
image.png419136351.png

		自动登录	找回密码
密码			立即注册

[处理中] 【SpreadJS V15.1 新特性介绍】通过集算表直接创建透视表

8 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄

[处理中] 【SpreadJS V15.1 新特性介绍】 通过集算表直接创建透视表

8 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄

[处理中] 【SpreadJS V15.1 新特性介绍】通过集算表直接创建透视表