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

你想在WordPress中添加条形图吗? 像图形,酒吧,饼图和其他视觉辅助工具是一个完美的方式来与您的内容美丽地添加数据。 在本文中,我们将向您展示如何使用Visualizer WordPress图表和图形插件在WordPress中创建条形图和图表。

在WordPress中添加图表和图形

在WordPress的酒吧和图表的问题

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

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

许多用户不再使用这些插件,而是最终在办公室应用程序中创建图表并将其转换为图像。

如果你打算永远不要改变它,这可以工作。 然而,图像不能替代交互式图表,当用户将鼠标移动到特定的区域上时,会出现有用的数据。

一个理想的图表和图表解决方案将允许您:

  • 在计算机或网络上添加来自数据源的数据。
  • 使用您的数据填充图表,饼图,图形和酒吧。
  • 创建漂亮,互动,丰富多彩,移动友好的图表。
  • 最重要的是,它应该让你随时更新数据。

话虽如此,让我们看看Visualizer的WordPress图表和图形插件如何帮助你做到这一切。

用Visualizer在WordPress中创建酒吧和图表

你需要做的第一件事是安装和激活Visualizer WordPress图表和图形插件。 更多细节

虽然免费版本几乎可以满足您所有需求,但他们也拥有Visualizer Charts和Graph Pro,它为插件添加了额外的功能,例如直接使用电子表格添加数据(如界面)以及从其他图表导入数据。

一年的专业支持和更新,单个站点许可证的费用为79美元。

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

激活后,您需要访问 媒体»可视化库 页。 这是你所有的图表和图表将出现在哪里。

添加新图表

你需要点击Add New按钮添加你的第一个图表。

这将在屏幕上弹出一个窗口。 你会看到插件可用的不同的图表类型。 只需选择要添加的图表类型,然后单击下一个按钮继续。

选择图表类型

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

您可以将CSV文件下载或保存到您的计算机上,然后点击“从计算机”按钮进行上传。

添加您的CSV文件作为图表的数据源

您的CSV文件必须在第一行中包含列名,在第二行中包含数据类型。 该插件支持这些数据类型:字符串,数字,布尔值,日期,时间日期和时间。

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

示例CSV文件

如果您使用文本编辑器创建CSV文件,请查看此示例CSV文件:


浏览器,游客
字符串,数字
Chrome浏览器,7894
火狐,6754
Internet Explorer,4230
Safari浏览器,2106
歌剧院,627

使用Google Drive电子表格在WordPress中添加图表

如果您将图表数据保存为Google驱动器上的电子表格,则可以将其添加到图表中而不导出。

在Google Spreadsheets中打开您的数据文件,然后点击 文件»发布到网络上

发布到网络

这将弹出一个弹出窗口,您需要选择要如何发布此文档。 您需要从下拉菜单中选择逗号分隔值(.csv)。

将您的图表发布为CSV

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

您现在将看到您的工作表的公开可用网址为CSV文件。 您需要复制此网址并返回到展示台图表。

点击From Web按钮,然后输入您的Google电子表格的csv文件的URL。

将网址添加到Google电子表格的CSV文件

只要您输入网址,该插件就会提取您的CSV文件,并显示您的图表的实时预览。

您现在可以点击创建图表按钮来保存图表。

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

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

创建一个新的帖子/页面或编辑一个现有的你想添加图表的地方。 在编辑屏幕上,点击帖子编辑器上方的添加媒体按钮。

添加媒体按钮

这将带来WordPress媒体上传弹出。 您需要点击左栏中的可视化标签。 它会加载您创建并保存在本网站上的所有图表。

插入图表到您的WordPress的帖子或页面

点击图表下方的插入图标。 弹出消失,你会看到你的图表添加到您的WordPress的短信代码。

图表简码

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

在WordPress中编辑你的Visualizer图表

您可以随时编辑和更改图表。 只需访问 媒体»可视化库 页。 从那里你可以克隆图表,删除它,或编辑其视觉设置。

在WordPress中编辑或管理你的图表

使用Visualizer更新现有图表的数据而不更改图表非常简单。

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

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

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

在WordPress的侧栏小工具中添加图表

展示台使用简码插入图表。 只需去 媒体»可视化库 ,那么你会在图表下面看到一个简码。

复制简码并转到 外观»小工具 。 将文本小部件拖放到侧边栏,并将短代码粘贴到小部件中。

如果短代码在文本小部件中不起作用,那么请查看我们的指南,了解如何在WordPress侧栏小部件中使用短代码。