是数据可视化的新

[Dimaeiya333]

非常棒。如果您有开发经验，您可以输入来自Excel、XML、CSV 文件、JSON 甚至 PHP 数组的数据。

然而，由于对图表的次要关注，使用 wpDataTables 构建它们并不那么容易。这种学习曲线以及高级版（起价 39 美元/年）中的大量隐藏功能可能会让您寻找其他地方。

6. 忍者排行榜
我们列表中的最后一个插件是完全免费的，没有溢价等级。如果您手， Ninja Charts可能是正确的解决方案，但它提供了与最佳产品竞争所需的功能。

WordPress.org Ninja Charts 插件的标题图像。它展示了一位商人坐在几何形状上，同时 bc 数据 使用平板电脑，连接到代表电子表格、图表和分析的图标。升序条形图和仪表板元素显示在右侧。
Ninja Charts 标题图片来自 WordPress.org。
它提供了大量的图表样式选择，并让您能够根据自己的需求进行自定义。界面很简单，并且它提供了与同一开发人员的另一个插件 Ninja Tables 的深度集成。

即便如此，也存在局限性。其他用户抱怨缺乏数据聚合等基本功能。然而，价格是无与伦比的，我们仍然相信它可以适合许多不同的场地。

如何使用 Visualizer 插件向 WordPress 添加图形小部件
让我们快速浏览一下向 WordPress 网站添加图形小部件的过程。我们将使用 Visualizer，因为我们非常喜欢它，因此成为我们的最爱。

然而，这并不是一个 Visualizer 教程。因此，我们在此采取的步骤可能与您选择的解决方案有所不同。考虑到这一点，安装并激活您选择的插件，然后创建一个新图表。

在 Visualizer 中，我们在安装时有这个选项：

Visualizer 插件启动向导。显示用于选择不同类型图表的选项，例如饼图/圆环图、条形图和折线图。该界面包括顶部的进度指示器和底部的“保存并继续”按钮。
Visualizer 插件启动向导。
最有可能的是，插件的管理面板中的某处有一个“添加新图表”按钮：

显示 Visualizer Library 界面的 WordPress 管理面板。在顶部，“添加新项”按钮很醒目，以红色突出显示。下面是类型、库、日期和来源的下拉过滤器。主要内容区域显示标记为 #216 的线图的开头，其中蓝色线代表猫数据。
使用 WordPress 中的 Visualizer 插件添加新图表。
单击按钮并选择图表类型后，您将需要输入数据。 Visualizer 的免费版本仅支持手动编辑，但您的插件可以为各种工具提供集成和导入选项：

Visualizer 数据编辑界面。左侧显示带有逗号分隔值的文本区域，右侧提供从各种源（例如文件、URL 和数据库）导入数据的选项。
在 Visualizer 插件中编辑图表的数据集。
接下来，检查您可用的自定义选项。可视化工具将它们包含在图表创建屏幕上。您可以进行各种设置，例如标题位置、轴标签、网格线、图表大小和位置等等：

“可视化工具设置”选项卡，显示折线图界面，其中包含标记为 Cats、Manta1 和 Manta2 的三个数据系列。右侧显示用于调整常规设置的选项，包括用于设置图表标题位置的下拉菜单。
在 Visualizer 中进行设计定制。
最后一步是将图形嵌入到您的网站上。许多插件为此使用短代码，这意味着您只需复制并粘贴到所需的帖子或页面中：

Visualizer 插件界面的一部分，显示图表设置和短代码。该短代码显示在文本框中，旁边有“复制”按钮。下面有“字体”、“设置”和“帮助”选项卡，以及可见的“常规设置”和“水平轴设置”的可展开部分。
可视化图表的简码。
Visualizer还为此提供了一个Block，实用且符合现代WordPress设计。

显示图形小部件的常见做法
在展示表格和图表时考虑一些方面非常重要。简而言之，将它们视为重要的、有影响力的内容，并尝试限制显示的小部件的数量。然而，要深入挖掘，请记住以下几点：

放置。您的小部件应该自然地融入您的内容流，就像您的图像和视频一样。图形小部件往往跨越媒体和内容之间的界限。
加载速度。添加小部件后，请务必监控站点的性能。有些可能会影响您网站的性能。
可达性。即使它们提供视觉数据，也要确保它们包含适当的替代文本并且可以通过键盘导航。这有助于所有用户访问您的小部件，无论其视觉能力如何。
至于性能，这是需要考虑的事情。有很多方面会影响网站的速度，考虑到附加图形的负载，这是有道理的。我们的建议是尽可能使用 SVG 。对于简单的图形和图标，它们的性能比光栅图像更好，并且具有更好的可扩展性。

延迟加载和缓存在这里也有帮助，因为它们都以不同的方式限制图形的加载。如果您决定从外部源提取数据，请务必选择高效的连接，以最大限度地减少您所服务的HTTP 请求的数量。最好也是最优化的是将这些数据托管在您站点的服务器上，尽管该决定可能不受您的控制。

概括
WordPress 的图形小部件允许您在站点上显示典型的文本数据。这种数据呈现可视化的方法可以将复杂的信息转换为更易于理解的格式。您可以使用表格、图表、交互式地图等来显示这些数据。

适合这项工作的插件至关重要，我们在这篇文章中介绍了其中的许多插件。 Visualizer 和 Graphina 都是一个不错的选择。但是，适合该工作的工具取决于您自己的需求。它肯定会对您的网站及其参与度产生巨大的积极影响。

WordPress 的图形小部件对您来说是否足够重要而值得实施？我们很乐意在评论部分听到您的意见

使用 Kinsta 托管 WordPress 托管为您的网站提供支持，专为速度、安全性和简单性而设计。使用 Kinsta，您可以获得：

通过 MyKinsta 面板简化控制
无限制的免费迁移，由我们的迁移专家团队管理
WordPress 专家提供 24/7/365 全天候支持
Google Cloud 高级基础设施
通过与 Cloudflare 集成实现企业级安全性
拥有 37 个数据中心，覆盖全球