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

您要在WordPress中添加条形图吗？图形，条形图，饼形图等视觉辅助工具是完美添加内容内容的完美方式。在本文中，我们将向您展示如何使用Visualizer WordPress图表和图形插件在WordPress中创建条形图。

WordPress中的条形图问题

有许多WordPress插件可以在您的内容中添加条形图，图表和图形。但是，我们从用户那里听到的最常见的抱怨是这些插件通常过于复杂而无法使用。

其中一些插件甚至希望用户以极其复杂的格式在短代码内添加数据。

许多用户没有使用这些插件，而是最终在其Office应用程序中创建了图表并将其转换为图像。

如果您打算永远不更改它，则可能会起作用。但是，图像不能替代交互式图表，当用户将鼠标悬停在特定部分上时，交互式图表会显示有用的数据。

理想的图表解决方案将使您能够：

• 从计算机或网络上的数据源添加数据。
• 使用数据填充图表，饼图，图形和条形图。
• 创建美观，交互式，彩色和移动友好的图表。
• 最重要的是，它应该使您可以随时更新数据。

话虽如此，让我们看看Visualizer WordPress图表和图形插件如何帮助您完成所有这些工作。

使用Visualizer在WordPress中创建条形图

您需要做的第一件事是安装并激活Visualizer WordPress图表和图形插件。有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

尽管免费版几乎可以满足您的所有需求，但它们还具有Visualizer Charts和Graphs Pro，可为插件添加其他功能，例如使用界面等电子表格直接添加数据以及从其他图表导入数据。

单个站点许可证的价格为79美元，并提供一年的专业支持和更新。

注意：本教程是关于插件的免费版本的。

激活后，您需要访问Media»Visualizer库页面。这是所有图表和图形出现的地方。

您需要单击添加新按钮以添加您的第一个图表。

这将在屏幕上弹出一个弹出窗口。您将看到该插件提供的不同图表类型。只需选择要添加的图表类型，然后单击下一步按钮即可继续。

下一步是以CSV格式添加数据源。如果您已使用Excel，Google表格或任何其他程序将数据保存为电子表格，则只需将其导出为CSV文件即可。

您可以将CSV文件下载或保存到计算机，然后单击“来自计算机”按钮将其上传。

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

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

如果要使用文本编辑器创建CSV文件，请查看以下示例CSV文件：


Browser,visitors
string,numbers
Chrome,7894
Firefox,6754
Internet Explorer,4230
Safari,2106
Opera,627


使用Google云端硬盘电子表格在WordPress中添加图表

如果您将图表数据另存为电子表格在Google云端硬盘上，则可以将其添加到图表中而无需导出。

在Google Spreadsheets中打开您的数据文件，然后单击File»Publish to the web。

这将弹出一个弹出窗口，您需要在其中选择想要如何发布此文档。您需要从下拉菜单中选择逗号分隔值（.csv）。

不要忘记点击“发布”按钮。

现在，您将以CSV文件的形式看到工作表的公开可用URL。您需要复制此URL并返回到Visualizer图表。

单击“从Web”按钮，然后输入Google电子表格的csv文件的URL。

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

现在，您可以单击创建图表按钮以保存您的图表。

在WordPress帖子/页面中添加图表或图形

向您的WordPress帖子和页面添加图表或图形就像添加图像一样简单。

在您想要添加图表的位置创建一个新的帖子/页面或编辑一个现有的帖子/页面。在编辑屏幕上，单击帖子编辑器上方的“添加媒体”按钮。

这将弹出WordPress媒体上传弹出窗口。您需要单击左栏中的可视化选项卡。它将加载您创建并保存在该站点上的所有图表。

单击图表下方的插入图标。弹出窗口将消失，您将看到图表以简码形式添加到WordPress帖子中。

您现在可以保存WordPress帖子或页面，并访问您的网站以查看WordPress帖子中嵌入的图表。

在WordPress中编辑可视化图表

您可以随时编辑和更改图表。只需访问Media»Visualizer库页面。您可以从那里克隆图表，将其删除或编辑其视觉设置。

使用Visualizer可以很容易地更新现有图表的数据而不更改图表。

如果您是从Google电子表格中添加数据，则只需更新电子表格中的数据，然后转到文件»发布到网络并重新发布电子表格。您所做的更改将自动反映在图表中。

另一方面，如果您上载了CSV文件，则需要在计算机上更新CSV文件。完成后，选择要更新的图表，然后单击图表下方的编辑链接。

在“上传CSV文件”部分中，只需上传新的CSV文件。数据更改将自动反映在您插入该图表的帖子或页面中。

在WordPress侧边栏小部件中添加图表

Visualizer使用简码插入图表。只需转到Media»Visualizer Library，您将在图表下方看到一个简码。

复制简码，然后转到外观»小部件。将文本小部件拖放到侧边栏，然后将短代码粘贴到小部件内。