Hello Charts 为块编辑器推出原生图表构建体验

Luke Carbis 和 Rob Stinson 是 WP Engine 于 2020 年组建的三人 Block Lab 团队中的两个，他们在一个新项目上重归于好。 这一次，拜伦·基特加入了他们的行列。 这三人正在通过一套名为 Hello Charts 的块来占据 WordPress 图表空间。

“有些人在黑色星期五推出交易，”该团队上周在自 7 月以来的第二条推文中写道。 “我们正在推出一个完整的产品！”

Carbis 指出，团队努力创建一个块编辑器原生插件。 没有管理屏幕或设置页面，用户只需在编辑器中工作。

网站主页上的营销材料声称，Hello Charts 是“第一个首先构建块编辑器的图表插件”。 然而，SB Charts 已经存在了将近一年，而 Chart Block 几周前就登陆了 WordPress 插件目录。 支持 CSV 导入的古腾堡 Charts Blocks 于半年前首次发布，但此后一直没有更新。

声称自己是第一，也许是营销上的失误。 我立即发现它的唯一原因是我一直在密切关注类似的插件一段时间，希望为块编辑器找到一个不错的图表解决方案。 虽然 Hello Charts 在技术上可能不是第一个登陆的，但它提供了迄今为止最好的用户体验。

在大多数情况下，我依赖条形图和折线图。 但是，该插件总共提供了五种块类型：

• 条形图
• 折线图
• 饼形图
• 极地区域图
• 雷达图

在输入数据和自定义输出时，每一个的工作方式几乎相同。 有一些特定于每种类型的选项和控件。 此外，用户可以通过单击按钮从一个图表块转换到另一个图表块并再次返回，而不会丢失数据。

在熟悉了选项后，我按月构建了三年产品销售数据图表。 我从最有意义的条形图块开始。 每个块都有一个“编辑图表数据”按钮。 单击它会在屏幕上打开一个覆盖层，其工作方式类似于典型的电子表格程序。

用户可以在每个单元格中使用标签，添加数据并创建新的数据集或行。 通过单击省略号按钮，可以选择在之前/之后复制数据集或添加新数据集。 对于那些自高中计算机课以来就没有花很多时间使用电子表格软件的人来说，这一切都感觉很简单。

几分钟后，我有一个条形图。 我需要做的就是调整它以使用我的主题颜色。

该插件的自定义选项很丰富，但足够平衡，不会变得霸道。 我只是想让它与我的主题设计相匹配，而不需要大惊小怪，而且很快就实现了。

我使用现有数据向编辑器添加了折线图块。 我需要做的唯一调整是“曲线”选项。 我希望我的线条看起来笔直而不是波浪状流动。 我已经在想，在我知道我当时甚至需要它之前，团队是否已经想到了一切。

为了更好地衡量，我测试了饼图块。 这是一种图表类型，我可能会偶尔使用它。 总的来说，它的表现和其他人一样好。

我错过的功能是在屏幕上打印每个饼图段的数据。 数据可通过悬停或焦点弹出窗口获得，但访问者无法一次看到所有细分数据。

诚然，我没有花太多时间在极地区域图和雷达图块上。 我对它们的体验在现实世界的场景中是不存在的，所以我对是否有其他人可能想要的功能没有一个坚实的把握。 我只是对它们进行了测试以确保它们有效。 像集合中的其他块一样，我没有遇到任何问题。

我希望看到一个标题或标题选项集成到插件的块中。 但是，两者都可以通过标题或段落块轻松添加。 为了匹配背景，包裹在 Group 块中会有所帮助，如以下屏幕截图所示：

其他一些受欢迎的功能是 X 和 Y 轴线的颜色选项以及数据文本以及块间隙或边距支持。 图例间距有些不足，通常与图表输出太接近。 它有几个定位选项，但它需要一些额外的空白，尤其是当它位于顶部或底部时。

总的来说，我找不到太多可抱怨的地方。 Hello Charts 是一个插件，我会推荐给任何需要图表解决方案的人，该解决方案的工作方式类似于为 WordPress 块系统构建的图表解决方案。

采购流程和设置

您可以从当前的免费块插件中获得一些好处，但 Hello Charts 非常值得升级价格。 它的价值甚至可能被低估。 如果团队建立在 CSV 导入中，那将是彻头彻尾的偷窃。

用户可以以 4 美元的价格单独购买五种单独的块类型，或者以 16 美元的价格升级以获得全部。 这些为没有支持的单个站点提供终身更新。 无限站点和一年的支持有更高的 199 美元等级。

用户必须安装一个插件。 每个块类型都捆绑在插件中。 从技术上讲，用户正在购买一个许可证密钥来激活每一个。

Carbis 向我提供了折扣代码，以测试此购买流程的运作方式并提供反馈。 该团队希望采用不同的方式购买块。 与其为用户创建一个全有或全无的交易，他们可以只购买他们实际需要的东西。 “因此，如果您需要条形图，只需购买条形图块，”Carbis 说。 “或者您可以将所有图表类型作为一个集合。”

我通过采购流程没有任何问题。 我从条形图开始，这是我比其他块更经常需要的块。 然后，我升级到了整套。

起初我唯一遇到的问题是弄清楚如何激活许可证，因为插件没有设置页面。 许可证字段实际上位于插件管理屏幕上。

为每种块类型设置单独的许可证的缺点是用户必须输入一个密钥，提交它，等待页面重新加载，向下滚动到插件，然后使用另一个许可证重新开始。 这个过程非常痛苦，以至于我想放弃测试我不感兴趣的图表类型。但是，我继续前进，一个又一个地输入许可证密钥。

是的，我夸大了一点，但是一次输入多个许可证密钥或不等待页面加载会容易得多。 这恰好是体验的一部分，没有达到插件其余部分设定的标准。