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。

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

點擊咨詢“”獲取更多更新內容！