如何在JavaScript中使用OLAP数据创建数据透视表

翻译|其它|编辑:陈津勇|2019-10-12 14:02:00.887|阅读 59 次

概述:Essential Studio 2019 v3版中数据透视表还可以连接到SSAS OLAP多维数据集数据源。本文主要介绍在JavaScript中使用OLAP数据创建数据透视表的操作方法及OLAP数据源支持的重要功能。

业务分析师和解决方案架构师更喜欢在较短的时间内分析较大的数据集,以便更快地做出更好的决策。但是他们也希望从数千个无组织的行和列中提取出一个简洁的摘要,这是一个非常耗时的过程。为了控制该过程,Syncfusion提供了Essential JS 2数据透视表,该表以表格(网格)和图形(图表)格式显示汇总的业务数据。使用此功能强大的工具,不再需要重新整理和汇总大量数据。

您可以轻松地即时定制和获取所需的报告,并在运行时对其进行修改以可视化汇总和比较信息。除了其现有的出色功能列表之外,现在在2019年第3卷发行版中,数据透视表还可以连接到SSAS OLAP多维数据集数据源。因此,您可以使用维度、层次结构、度量、命名集等进行可视化处理。您还可以在其他Web平台上查看Essential JS 2数据透视表:Angular、React、Vue、JavaScriptASP.NET MVCASP.NET Core和Blazor。

现在,一起来看看OLAP数据源支持的重要功能吧!


连接到SSAS OLAP多维数据集

连接到在线SSAS OLAP多维数据集所需要做的就是设置以下dataSource属性:

  • providerType:将其值设置为SSAS以命名您将要连接的数据源的类型。

  • URL:接受服务器的连接字符串进行连接。

  • cube:接受连接的数据源上可用的有效多维数据集名称。

  • catalog:接受连接的服务器上可用的有效数据库。

  • localeIdentifier:定义本地化。默认情况下,未明确设置时将使用系统语言。

除了这些属性,您还需要在dataSourceSettings下定义诸如行、列、值和过滤器之类的属性,以在适当的轴上设置适当的尺寸、层次结构、度量等。

让pivotGridObj:PivotView = new PivotView({    dataSourceSettings:{        目录:“ Adventure Works DW 2008 SE”,        多维数据集:“冒险作品”,        providerType:“ SSAS”,        网址:“ https://bi.syncfusion.com/olap/msmdpump.dll”,        localeIdentifier:1033,        行:[            {name:'[Customer]。[Customer Geography]',标题:'Customer Geography'},        ],        列: [            {名称:'[产品]。[产品类别]',标题:'产品类别'},            { name: '[Measures]', caption: 'Measures'},        ],        values: [            { name: '[Measures].[Customer Count]', caption: 'Customer Count' },            { name: '[Measures].[Internet Sales Amount]', caption: 'Internet Sales Amount'}        ],        filters: [            { name: '[Date].[Fiscal]', caption: 'Date Fiscal' },        ],    },});pivotGridObj.appendTo('#PivotView');

点击下载Essential Studio for ASP.NET Core正式版

OLAP数据源支持的功能

让我们深入了解连接到SSAS OLAP数据源的数据透视表控件的基本功能列表。

向上和向下钻取

OLAP多维数据集支持两种层次结构:

  • 属性层次结构-仅具有一个成员级别。

  • 用户定义的层次结构-支持多个级别的成员。

使用这种向下钻取和向上的功能,可以浏览和导航成n个父子层次的水平。在用户定义的层次结构的每个成员旁边放置一个内置图标,以标识该成员的状态。只需单击这些图标即可向上或向下钻取。

注意:这些图标不包括在属性层次结构成员中。

drill-down-and-up-in-Pivot-table.png

分组

当数据透视表与关系数据源绑定时,将保留分组栏的相同布局。这样,您只需在不同轴(例如列、行、值和过滤器)之间拖动所需的枢轴字段,即可在运行时动态更改OLAP报表。

Grouping-in-Pivot-table.png

栏位清单

由于分组栏用于动态更改OLAP报告,因此可以使用字段列表选项执行相同的操作。此字段列表选项的另一个优点是,它有助于即时创建新的OLAP报告。查看字段列表UI,您可以看到一个树形视图,其中包含连接的多维数据集元素,例如维度、层次结构、级别、度量和命名集。

fieldlist-in-pivot-table.png

点击下载Essential Studio for ASP.NET MVC正式版

计算字段

使用“计算字段”选项,您可以使用连接的多维数据集中的现有层次结构和度量轻松创建新的成员和度量。与字段列表UI一样,计算出的字段UI具有树状视图结构中连接的多维数据集元素,支持拖放操作。您可以在“表达式”部分下手动构建一个表达式,也可以从树视图部分中拖动一个元素来创建新成员或度量。

1.png

排序

您可以按升序、降序或默认顺序(例如,来自多维数据集)对数据透视表的层次结构成员进行排序。默认情况下,数据透视表的所有成员均以升序显示,但它支持对属性成员和用户定义的层次结构成员进行排序。

sorting-in-pivot-table.png

筛选

您可以使用筛选选项将数据透视表设置为仅显示选定的成员。内置的过滤器图标将显示在分组栏和字段列表UI上的枢轴字段上,单击它将打开成员编辑器对话框,并显示可通过UI实现的不同过滤操作。过滤分为三种:成员过滤、标签过滤和值过滤。

filtering-in-pivot-table.png

条件格式

通过使用数据透视表的内置条件格式设置选项,您可以基于特定条件自定义表单元格的值。您还可以同时应用多个条件,并通过UI根据需要删除任何应用的条件,如下图所示。

conditional-formatting-in-pivot-table.png

点击下载Essential Studio for JavaScript正式版

数字格式

设置所需的格式,例如复数或百分比,以在数据透视表上投射绑定到OLAP报告的确切度量。设置OLAP报告时,只能通过隐藏代码来设置这种格式。即使删除并添加了应用于任何度量的格式,也可以保留这些格式(状态持久性)。

let pivotGridObj: PivotView = new PivotView({    dataSourceSettings: {        //codes here        formatSettings: [            { name: '[Measures].[Internet Sales Amount]', format: 'C0' },            { name: '[Measures].[Customer Count]', format: 'E' }        ],               },       });pivotGridObj.appendTo('#PivotView');

钻取

钻取功能是一项强大的功能,可显示用于构成任何汇总值的原始物料的值。例如,您想知道详细数据或汇总单元格的原始值,只需双击一个单元格即可钻取并在新窗口中查看详细的报告。除原始项目外,它还保存诸如行标题、列标题和单击单元格的聚合值之类的信息。通常,应该在OLAP多维数据集上启用钻取设置来检索该信息。

drill-through-in-pivot-table.png

虚拟化

开始加载大量数据,多达一百万条记录,并通过虚拟滚动选项按需查看它们,而不会降低性能。在这里,单元格数据设置为仅占据数据透视表的视口区域,并在每次滚动操作时继续更新。甚至其他UI操作(例如向上和向下、过滤、排序以及拖放)都可以完美地处理任意数量的记录。

2.png

推迟布局更新

使用defer layout update选项,您可以根据需要更新数据透视表,而不是为每个UI操作更新它。在这种情况下,每当通过字段列表执行任何UI操作时,只更新报表,而不是一次又一次地生成整个数据透视表,从而节省了时间。

OLAP数据源支持的其他常见功能

除了目前讨论的主要受支持的特性之外,小编还列出了将数据透视表与OLAP数据源连接时效果良好的其他特性。

特征描述
冻结标题即使滚动也可以查看标题。默认情况下,此选项在数据透视表上启用,并且不能禁用。
滚动状态维护即使在数据透视表上进行了更新,滚动位置也将保持不变。
显示或隐藏总计在与OLAP报告绑定的层次结构中显示或隐藏特定级别的小计。另外,在行和列轴中显示或隐藏总计。
工具提示当光标悬停在值单元格上方时,将显示一个弹出窗口,以适当的格式显示有关行标题、列标题,度量和聚合值的信息。
在行上显示度量在行轴上绑定度量。默认情况下,它将绑定在列轴上。
不同位置的度量将测量值放置轴上的其他层次结构所需位置。
过滤器轴在绑定到过滤器(切片器)轴的枢轴字段上显示层次结构的过滤器状态。
超链接用户可以根据单元格类型和预定义条件在特定的数据透视表单元格上设置超链接。
工具列此内置UI在数据透视表的顶部,包含常用选项。例如:报表操作、表格视图、具有类型的图表视图、显示MDX查询、导出、显示或隐藏总计、条件格式设置和字段列表。
RTL从右向左显示数据透视表。
导出可以将与OLAP数据源绑定的数据透视表导出为PDF、Excel和CSV格式。
列大小调整您可以通过光标选择该列的边框来调整任何列的大小。
列重新排序重新排列数据透视表中的任何列。
单元格选择选择任何单元格,然后检索那些选定单元格的信息及其标题。



慧都网·1024程序员节DevExpressMyEclipseAxure RPAsposeFastReport等产品限时放“价”,给你专属宠爱!点击下方图片查看活动详情↓↓↓

QQ截图20191008171313.png



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:Syncfusion https://www.syncfusion.com/blogs/post/create-pivot-table-with-olap-data-javascript.aspx

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Essential Studio for JavaScript

首款专门用于LOB应用开发的JavaScript框架

Essential Studio for ASP.NET Core

帮您创建在Windows,Linux和Mac上运行的Web应用程序

Essential Studio for ASP.NET MVC

帮您轻松创建高性能Web应用程序的ASP.NET MVC界面开发包

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat