使用 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 可视化大数据集的最后的话

从大数据中提取正确的信息并不容易，但使用正确的数据可视化技术，您可以做到。 本文向您展示了如何将原始数据转换为吸引人的图形和图表。 如果您需要可视化大型数据集，这是一项必备技能。

这个插件非常灵活。 因此，尝试一下，看看如何通过使用数据可视化从复杂数据中获取更多信息。 您会注意到在可视化大型数据集时仅更改几个参数可以为您的演示文稿带来什么。

如果您喜欢阅读这篇关于可视化大型数据集的文章，您还应该阅读以下内容：

  • 不要错过这些数据可视化趋势
  • 如何使用动态数据可视化更好地呈现数据
  • 您将在网上找到的最令人印象深刻的交互式数据可视化