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

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

“有些人在黑色星期五推出优惠,”该团队上周仅在自 7 月以来的第二条推文中写道."我们正在推出整个产品!"

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

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

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

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

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

在输入数据和自定义输出时,每个工作方式几乎相同.每种类型都有一些特定的选项和控件.此外,用户只需点击一下按钮,就可以从一个图表块转换到另一个图表块,而不会丢失数据.

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

图表数据叠加.

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

几分钟后,我得到了一个条形图.我需要做的就是调整它以使用我的主题颜色.

条形图块.

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

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

折线图块.

为了更好地衡量,我测试了饼图块.这是一种我可能会偶尔使用的图表类型.总体而言,它的表现与其他同类产品一样好.

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

饼图块.

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

我希望看到集成到插件块中的标题或说明选项.但是,两者都可以通过标题或段落块轻松添加.要匹配背景,包裹在 Group 块中会有所帮助,如下面的屏幕截图所示:

对图表进行分组以添加标题.

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

总的来说,我找不到太多可抱怨的.Hello Charts 是一个插件,我会向需要图表解决方案的任何人推荐,该解决方案的工作原理就像为 WordPress 块系统构建的一样.

采购流程和设置

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

用户可以单独以 4 美元的价格购买五种单独的块类型,也可以以 16 美元的价格升级以全部购买.这些在没有支持的情况下为单个站点提供终身更新.对于无限制站点和一年的支持,还有更高的 199 美元级别.

只有一个插件是用户必须安装的.每个块类型都捆绑在插件中.从技术上讲,用户购买许可证密钥来激活每个密钥.

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

我在购买流程中没有遇到任何问题.我从条形图开始,这是我比其他块更需要的块.然后,我升级到了整套.

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

插件屏幕上的许可证密钥字段.

为每个块类型拥有单独的许可证的缺点是用户必须输入一个密钥,提交它,等待页面重新加载,向下滚动到插件,然后用另一个许可证重新开始.这个过程太痛苦了,我想放弃测试我不感兴趣的图表类型.但是,我继续前进,在许可证密钥之后输入许可证密钥.

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

6

发表回复