如何在WordPress中使用Visualizer创建条形图和图表

编辑注：我们从WPressize Me上的合作链接中赚取佣金。佣金不影响我们编辑的意见或评估。了解更多我们的编辑流程。

想在您的WordPress网站中添加条形图和图表吗？通过添加图表、条形图或饼图等可视化工具，您可以以一种吸引人且易于用户理解的方式展示数据。

本文将向您展示如何使用Visualizer插件轻松地在WordPress中创建条形图和图表。

WordPress中条形图和图表的问题

有许多插件可以向您的内容添加条形图、图表和图形。然而，我们从用户那里听到的最常见的投诉是这些插件通常太复杂以至于难以使用。

有些插件甚至要求用户以极其复杂的格式在短代码中添加数据。

许多用户最终选择在办公应用程序中创建图表并将它们转换为图片以用于WordPress网站。这在您不打算更改时可能有效，但图片无法替代互动图表，用户点击特定部分时会出现有用的数据。

理想的图表和图形解决方案应该允许您：

• 从计算机或网络数据源添加数据。
• 使用您的数据创建图表、饼图、图形和条形图。
• 创建美观、互动、多彩且移动友好的图表。
• 最重要的是，应该让您随时更新数据。

如何使用Visualizer在WordPress中创建条形图和图表

使用Visualizer插件可以轻松在WordPress中创建条形图和图表。它是市场上最好的WordPress数据可视化插件，可以为您的网站创建互动的数据可视化。

它甚至有一个免费的计划，您可以用来创建条形图和图表。

首先，您需要安装并激活Visualizer: Tables and Charts Manager for WordPress插件。有关更多详细信息，请参阅我们的逐步指南，了解如何安装WordPress插件。
注意：本教程将使用插件的免费版本。如果您想解锁专业功能，可以购买付费计划。

激活后，您必须从WordPress仪表盘访问Visualizer » 添加新图表页面。

在那里，选择您想要创建的图表类型，如表格、饼图、折线图或条形图。然后，点击“下一步”按钮。

这将带您进入下一步，您必须点击“选择文件”按钮，以从计算机导入您的Excel电子表格数据。如果您已将Excel或Google电子表格保存为CSV文件，则可以通过展开“从URL导入数据”选项卡导入它。

完成后，点击“从CSV导入”按钮。然后，您可以输入CSV文件URL以嵌入文件。

请记住，CSV文件的第一行必须包含列名，第二行必须包含数据类型。插件支持以下数据类型：字符串、数字、布尔值、日期、时间和一天中的时间。

查看我们在Google表格中创建的此示例文件。

如果您正在使用文本编辑器创建CSV文件，请参阅此CSV文件示例：
日常活动，时间
字符串，数字
工作，8
睡觉，7
吃饭，3
看电视，2
通勤，1

但是，如果您的图表数据保存在Google Drive上的电子表格中，则可以在不导出它的情况下将其添加到您的图表中。

首先，在Google表格中打开您的数据文件，然后点击“文件 » 分享 » 发布到网络”链接。

这将弹出一个窗口，您必须选择如何发布此文档。
只需从下拉菜单中选择逗号分隔值（.csv）选项，然后点击“发布”按钮。

现在，您将看到您的表格作为CSV文件的公共URL。在这里，复制此URL，然后返回到Visualizer图表。

您需要在“从CSV导入”字段中添加此URL。

输入URL时，插件会获取您的CSV文件并显示图表的实时预览。

现在，您可以切换到顶部的“设置”选项卡以配置常规设置，如字体样式、数字格式、大小和位置、大小设置等。

完成后，点击底部的“创建”按钮。

在WordPress文章/页面中添加图表或图形

在WordPress文章和页面中添加图表或图形就像添加图片一样简单。

首先，打开新或旧页面/文章，您想在其中添加饼图。在那里，点击屏幕左上角的“添加区块”（+）按钮。

这将打开区块菜单，您必须在其中找到并添加Visualizer Chart区块。

完成后，点击区块中的“显示现有图表”按钮。

这将在区块中新打开一个提示，您必须在其中选择刚刚创建的饼图。

最后，点击“发布”或“更新”按钮以保存您的设置。

现在，您可以访问您的WordPress网站以查看饼图的效果。

在WordPress中编辑您的Visualizer图表

您可以随时编辑和更改图表。只需从WordPress仪表盘访问Visualizer » 图表库页面。

在那里，您可以通过图表名称下的图标克隆图表、删除图表或编辑其可视化设置。

使用Visualizer在不更改图表的情况下更新现有图表的数据也非常简单。

如果您从Google电子表格添加数据，那么只需在电子表格中更新数据，转到“文件 » 分享 » 发布到网络”选项并重新发布您的电子表格。您的更改将自动反映在您的图表中。

另一方面，如果上传了CSV文件，则需要更新计算机上的CSV文件。完成后，选择您想要更新的图表，然后点击图表下方的编辑链接。
在“导入CSV文件”部分，只需上传您的新CSV文件。数据的更改将在您插入图表的文章或页面中自动反映。

附加提示：在WordPress中创建公司组织结构图

如果您有小型企业网站，还可以在WordPress中添加公司组织结构图。此图将显示公司结构，从CEO到各个团队以及每个团队中的个人员工。

组织结构图帮助潜在客户了解更多关于您的业务，并使团队之间的沟通变得更容易。

要创建图表，只需安装并激活Organization Chart插件。有关详细信息，请参阅我们关于如何安装WordPress插件的教程。

激活后，访问Wpdevart Chart » 图表页面并点击“添加新建”按钮。这将带您进入一个新屏幕，您可以在其中为图表添加名称。

然后，在屏幕上的元素中为公司的CEO添加图片和标题。然后，点击箭头图标。

这将添加另一个元素，您可以在其中为CEO之后的人添加标题和图片。然后，再次点击元素以查看不同方向的多个箭头图标。这样做将帮助您创建具有多个分支或团队的公司结构。

完成后，只需点击“保存”按钮以存储您的设置。

现在打开您想要添加组织结构图的页面并添加“WpDevArt组织结构图”区块。在区块内的下拉菜单中选择您创建的图表。

最后，点击“发布”或“更新”按钮以保存您的设置。有关更多信息，请参阅我们的教程，了解如何在WordPress中创建公司组织结构图。

我们希望本文能帮助您在WordPress网站中添加条形图和图表。您还可能想看看我们的初学者指南，了解如何自定义WordPress网站上的颜色以及我们为商业网站推荐的必备WordPress插件。

如果您喜欢这篇文章，请订阅我们的YouTube频道获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。