使用 wpDataTables 可視化大型數據集：操作指南

已發表: 2023-05-03

可視化大型數據集是一項巨大的挑戰。 以清晰且引人注目的方式呈現它們是最受歡迎的數據可視化技術之一。 您的聽眾需要互動的、易於理解的和反應靈敏的東西。 有一些方法可以創建這些類型的可視化，而無需在昂貴的數據可視化工具上投入大量時間或大量金錢。

wpDataTables 是您會喜歡的強大的數據可視化工具。 您可以用它製作各種圖形和圖表。 它專門處理大數據並將其轉化為觀眾喜愛的演示文稿。

這個 WordPress 插件處理各種有組織和分層的數據格式，例如：

  • CSV文件
  • Excel
  • 谷歌表格
  • JSON
  • MySQL
  • 數據庫
  • XML

它有一個內置的圖形和圖表編輯器，用於自定義您的數據表示。 作為標準，它會生成各種圖表，包括：

  • 面積圖
  • 條形圖
  • 氣泡圖
  • 柱形圖
  • 圓環圖
  • 儀表圖
  • 折線圖
  • 餅狀圖
  • 散點圖

所以，很明顯為什麼wpDataTables 是一個很棒的工具。 本文將向您展示如何使用它在 WordPress 中可視化大型數據集並將它們發佈到您的網站上。

使用 wpDataTables 可視化大型數據集

安裝和激活 wpDataTables

第一步很明顯：要開始，您需要安裝 wpDataTables 插件。 前往WordPress 插件存儲庫即可輕鬆完成。

為此，請打開 WordPress 並轉到Plugins下的Add New 。 在這裡您可以搜索 wpDataTables。 然後按照屏幕上的說明完成安裝和激活。

導入數據

安裝後，您可以將數據從各種來源導入 wpDataTables。 數據導入的一些選擇是：

  • CSV文件
  • Excel
  • 谷歌表格
  • JSON
  • MySQL查詢
  • 序列化 PHP 數組
  • XML

您還可以選擇手動將數據輸入 wpDataTables 或將插件鏈接到實時數據源。

此功能非常有用，因為您可以製作每次加載頁面時自動更新的表格。 您還可以使用圖形用戶界面 (GUI) 工俱生成自定義查詢。

如何從數據創建新表

您可以通過轉到 wpDataTable 並單擊創建表來創建新表。 在那裡您將看到選項Create a table linked to an existing data source 。 單擊該選項，然後單擊下一步。

在下一個屏幕上，您將看到有關如何導入數據的不同選項。 您不需要選擇其中任何一個，但其中一些可能會派上用場。

在Display下，您可以選擇Responsive Collapsing選項，這在屏幕較小的設備上非常有用。 您可以編輯滾動條、限製表格寬度等。

“編輯”選項卡為您提供更多前端編輯選項。 這包括打印、複製和導出快速鏈接。 好處是您可以實時預覽您的更改。 每次進行更改時，您都需要單擊“保存”或“應用” 。

使用大數據集？ 沒問題。 我們有服務器端處理

如果您要處理海量數據集並創建包含大量頁面的巨大表格，wpDataTables 是您需要的 WordPress 插件。

wpDataTables 是一個強大而靈活的插件，可以輕鬆處理大量數據。 說真的，我說的是幾千甚至幾百萬行！

  • 厭倦了等待大量表格加載？
  • 厭倦了緩慢的排序和過濾？
  • 擔心您的頁面因大量數據而崩潰？

不再！ wpDataTables 得到了你的支持。 它內置了一個名為“服務器端處理”的奇妙功能。 這個壞小子把所有繁重的工作從你的盤子裡拿走，並將它委託給 MySQL 服務器。 這對你意味著什麼？ 它的意思是：

  • 更快的頁面加載
  • 更智能的過濾和排序
  • 不再因大數據集而崩潰

好奇是怎麼做到的？ 看看這個視頻：

現在，我知道你在想什麼：“聽起來好得令人難以置信，對吧？” 但是讓我告訴你，它是真實的。

此功能專為像您這樣處理大型數據集並希望獲得流暢體驗的人量身定制。

選擇正確的數據可視化

導入數據後，您可以開始考慮數據可視化。 為此，請打開圖表創建嚮導。 在Create a Chart下打開 wpDataTables 後，您會找到該嚮導。

首先，您必須為您的圖表命名以便稍後再次找到它。 然後選擇四種圖表渲染引擎之一：

  1. 圖表.js
  2. 谷歌圖表
  3. 排行榜
  4. 頂點圖表

選擇正確的數據可視化非常重要。 不同類別的圖表更適合不同類型的數據。

首先，想一想你想用數據表達的觀點。 該信息必須清晰醒目。 五個問題可以幫助您確定您想要做什麼：

  • 如果有不同的數據集，它們之間的關係是什麼？
  • 是否需要突出數據分佈並識別異常值？
  • 你想比較價值嗎？ 如果是這樣，您是要比較不同的數據點，還是要隨著時間的推移跟踪一個點？
  • 數據集中是否存在有趣的趨勢？
  • 數據可視化步驟是數據分析的一部分嗎？

當您知道這些問題的答案時，您就可以為您的項目選擇正確的圖表類型了。

編輯圖形或圖表後，您可以單擊進入下一個屏幕並複制數據可視化的簡碼。

現在您已準備好將短代碼粘貼到您網站的內容中。 保存它並檢查前端以查看它的外觀。

wpDataTables 內部有一個非常特殊的選項。 它允許您保留您的表，即使您刪除了插件。

如果您選擇刪除插件，您仍然會在數據庫中找到您的表。

從表格創建圖表

讓我們更深入地了解使用 wpDataTables 創建數據可視化。 該插件可讓您從任何類型的數據源製作一些令人印象深刻的交互式圖形和圖表。 您可以使用 Excel 文件、CSV、MySQL、JSON 等。

當您的表準備好進行處理時，選擇圖表，然後單擊添加新的。

為項目命名並如上所述選擇渲染機。 您可以選擇 Google Charts、Chart.js 或其他。 每個渲染引擎都有其特點，各有優缺點。 您可以嘗試一下，看看哪一個最適合您的項目。

此外，每個渲染引擎都會為您提供不同類別的圖表，例如條形圖、柱形圖、面積圖和折線圖。 頂部有一個下拉菜單，您可以在其中選擇所需的數據可視化類型。

格式化和預覽

現在，該插件將允許您按照自己的方式格式化圖表或圖形。 您可以立即在屏幕右側的面板中看到所做的更改。

您會注意到每個圖表或圖形元素都有多個格式類別。 第一組選項允許您調整以下內容：

  • 背景顏色
  • 邊框顏色
  • 邊界半徑
  • 邊框寬度
  • 圖表高度
  • 圖表寬度
  • 組圖
  • 響應寬度

另一個格式類別是Series ，您可以在其中自定義數據系列。 在Axes下，您會找到與圖形軸佈局相關的所有選項。 您可以自定義彼此獨立的 X 軸和 Y 軸。

下一個類別是Exporting 。 您可以允許您的網站訪問者以不同的格式下載您的數據可視化工具：

  • CSV文件
  • 圖片
  • PDF
  • PNG
  • SVG
  • XLS

工具欄類別僅適用於 ApexCharts。 此選項允許您以 CSV、PNG 和 SVG 矢量圖像格式下載可視化數據。

當您對圖表或圖形的外觀感到滿意時，您可以通過單擊“保存圖表”按鈕來保存它。 wpDataTables 會將其保存在 WordPress 數據庫中。 此時，它還會為您生成簡碼。

在您的網站或博客文章上發布圖表

舊版本使用經典 WordPress 編輯器。 但如果您使用的是 WordPress 5+，也可以使用它。 為此，您需要下載並安裝經典編輯器插件。

在經典編輯器中，您可以粘貼 wpDataTable 為您的圖表生成的簡碼。 短代碼的示例可能是：

 [ wpdatatable id=22 ]

要以正確的方式粘貼代碼，請按照下列步驟操作：

  1. 轉到帖子
  2. 單擊添加新的或頁面
  3. 選擇新增
  4. 將短代碼粘貼到編輯器中的內容中
  5. 更新或發布您的頁面或博客文章

另一種發布表格的方法是使用編輯器中的 wpDataTables 按鈕。 單擊 按鈕選擇您要使用的圖表，然後單擊插入。

古騰堡編輯器是另一種用於管理內容的工具。 事實上，它為您的圖表提供了更多選項。 您可以選擇所需的表格以及顯示方式，還可以定義變量佔位符和導出文件名。

Divi Page Builder 中集成了 wpDataTables。 使用此頁面構建器，您可以將圖表和表格直接插入 Divi 用戶界面。

關於使用 wpDataTables 可視化大數據集的最後的話

從大數據中提取正確的信息並不容易，但使用正確的數據可視化技術，您可以做到。 本文向您展示瞭如何將原始數據轉換為吸引人的圖形和圖表。 如果您需要可視化大型數據集，這是一項必備技能。

這個插件非常靈活。 因此，嘗試一下，看看如何通過使用數據可視化從復雜數據中獲取更多信息。 您會注意到在可視化大型數據集時僅更改幾個參數可以為您的演示文稿帶來什麼。

如果您喜歡閱讀這篇關於可視化大型數據集的文章，您還應該閱讀以下內容：

  • 不要錯過這些數據可視化趨勢
  • 如何使用動態數據可視化更好地呈現數據
  • 您將在網上找到的最令人印象深刻的交互式數據可視化