彩票走势图

DHTMLX Pivot 2.0全新发布:包含代码库大修等众多新功能

原创|产品更新|编辑:吉伟伟|2024-10-09 11:42:51.097|阅读 22 次

概述:数据透视表控件dhtmlxPivot v2.0正式发布,更新的JavaScript 数据透视表,其中包含代码库大修、增强的性能和众多新功能,欢迎下载最新版体验!

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

DHTMLX Pivot 2.0是该产品开发的一个转折点,它提供了一个更新的JavaScript 数据透视表,其中包含代码库大修、增强的性能和众多新功能。

现在,DHTMLX Pivot 渲染和生成大量数据的速度更快了。开发团队还准备了多个配置选项,用于修改主要 Pivot 元素的外观和行为。例如,现在可以冻结 Pivot 列,并具有总列、折叠和展开状态以及垂直标题。对于 Pivot 行,引入了可调节高度以及在树模式下使所有行可折叠的功能。此外,v2.0 提供了设置聚合数据限制的机会,以及一系列新的数学方法,以更有效地聚合数据并促进深入的数据分析。

立即获取DHTMLX Pivot 2.0正式版

更快的 JavaScript Pivot 适用于海量数据集

数据透视表等工具通常用于数据驱动的 Web 应用程序中,其中性能起着至关重要的作用。这就是为什么我们的 JavaScript Pivot 的新版本在处理大量数据集时具有显着的速度提升。使用此示例,您可以测试我们的 Pivot 生成和呈现多达 100 万行的数据集的速度。此措施保证我们的 JS Pivot 能够处理大量数据而不会出现滞后或任何其他性能问题。

新的列配置选项

列是任何数据透视表的关键结构元素。它们在组织、分类和呈现数据方面起着至关重要的作用。在 DHTMLX Pivot 2.0 中,由于几个新功能,此元素变得更加可配置。让我们仔细看看这些新功能。

冻结列

从 v2.0 开始,可以冻结数据透视表最左侧的列,从而在滚动时保持它们的可见性。当最终用户需要在滚动大量数据时保持包含一些基本基准数据的列可见时,此功能非常有用。这样,您就可以保持分析和比较数据的上下文,而无需不断地来回滚动。

要启用此功能,您需要使用tableShape属性的split参数。在此参数中,您必须将left属性的值设置为true。

拆分列的数量与配置属性中指定的行数相对应。您还可以从左侧冻结任意数量的列。有关配置冻结列的更多详细信息,请参阅文档的此部分。

折叠和展开列

大型数据透视表通常包含太多列,因此可能很难一次性找到所需的信息。这就是为什么我们想出这个想法,让最终用户只需单击其标题即可展开和折叠特定列。这使得他们更容易专注于相关指标或类别,而不会被太多数据分散注意力。此外,最终用户不必滚动浏览大量数据即可对特定数据段进行有效的并排比较。

要使列可折叠,必须将headerShape属性中collapsible参数的值从false(默认值)更改为true。

总列数

更新后的 DHTMLX Pivot 允许在数据透视表中添加一个包含总值的额外列。它很好地补充了页脚中行的现有总值选项(新 API 中的totalRow属性)。

以编程方式,此功能通过tableShape对象中的新totalColumn参数实现,其值设置为true(默认为false ) 。

因此,最终用户在处理表格数据时可以获得额外的细节和便利。例如,它允许快速比较各行总计与各列总计,并获得更全面的数据摘要。

垂直标题

水平显示数据透视表标题中的文本很常见,但如果您的文本标签太长怎么办?当然,它可以被截断或换行,但还有更好的解决方案。在 v2.0 中,我们增加了将所有标题中的文本方向从水平切换为垂直的可能性。垂直标题有助于在具有多列的表格中保持紧凑的设计并确保更好的可读性。

您可以在代码中通过将headerShape属性中vertical参数的值从false(默认值)更改为true来实现此目的。

有了这些新功能,使用 DHTMLX 创建的数据透视表变得更具视觉吸引力,也更易于解释。

修改数据透视行的新方法

一般来说,数据透视表在结构上比网格或电子表格更复杂,是一种数据分析工具。因此,如果您决定将 JavaScript 数据透视表添加到您的 Web 项目中,您肯定希望它尽可能方便最终用户使用。因此,此版本还包含多项功能,旨在增强使用 DHTMLX 构建的数据透视表的整体体验。

表格行的可调整大小

我们新版本的 Pivot 组件还以更灵活的方式配置数据透视表的尺寸而著称。除了已经可用的操纵列宽的选项(新 API 中的colWidth)之外,还可以根据特定要求调整行、页眉和页脚的高度。

为此,您应该使用带有sizes参数的tableShape属性,您可以在其中指定可选的大小属性,例如rowHeight、headerHeight、footerHeight和colWidth。

因此,最终用户可以期待优化的数据呈现和更高的可用性。

在树模式中折叠和展开所有行

DHTMLX Pivot 允许以分层格式(树模式)显示数据,并带有可扩展的行。考虑到数据透视表通常包含大量行,能够一次展开和折叠所有行会很棒。我们在 v2.0 中添加了此功能。

新的数据聚合功能

数据聚合是 DHTMLX Pivot 的核心功能。实际上,它是将复杂数据转换为简洁和汇总格式的过程,使分析和得出有意义的见解变得更加容易。在 2.0 版本中,您可以从一些专注于数据聚合的新功能中受益。

新的默认数学方法

以前,DHTMLX Pivot 提供了一组预定义方法,用于对原始数据执行基本数学运算并将其转化为有意义的见解。在 v2.0 中,我们扩展了默认数学方法列表,增加了 9 个新选项,以执行更复杂的计算。

其中一些方法非常适合处理文本和数值。例如,现在您可以计算某个列表中唯一值的数量 (countunique) 或非空单元格的数量(无论其内容如何)(counta)。

有许多新的统计方法可以让您计算数值的平均值、中位数、乘积、标准差和方差。

您可以在本文档的此部分中了解 DHTMLX Pivot 2.0 的所有新默认数学方法。

限制数据透视表中的聚合数据

除了上述整体性能改进之外,我们的团队还实现了另一项旨在使 DHTMLX Pivot 更快的功能。从现在开始,可以限制数据透视表要处理的数据集。

它将如何影响 Pivot 的性能?仅聚合部分数据将有助于减少最终用户设备上的内存消耗,并且您可以确保您的应用程序不会因为庞大的数据集而关闭。

要在 JS 数据透视表中执行此操作,您需要应用limits属性。它需要三个可选参数来指定何时应停止数据呈现:

rows – 最大行数(默认为 10000)

columns – 最大列数(默认为 5000)

raws – 分组前源数据行的最大数量(默认为无限)

需要注意的是,这些限制是近似值,并且是根据配置期间指定的行/列应用的。在下面的示例中,指定内容可以占用 3 列和 10 行。

此功能有助于提高性能、改善用户体验并优化数据分析。

从 v1.5 迁移到 v2.0

需要注意的是,新版 DHTMLX Pivot 2.0 的 API 与之前的稳定版本 (1.5) 的 API 不兼容。从 v1.5 迁移到 v2.0 时,会列出一系列重大更改。您可以在迁移页面上找到完整的更改列表。您可以使用我们开发团队准备的这个来确保自动将数据从 v1.5 迁移到 v2.0。


以上就是本次重大更新中提供的主要新功能。

点击咨询“”获取更多更新内容!


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP