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

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

“有些人在黑色星期五推出优惠,” 上周写了团队 这是自 7 月以来的第二条推文。 “我们正在推出一个完整的产品!”

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

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

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

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

  • 条形图
  • 折线图
  • 饼形图
  • 极地面积图
  • 雷达图

在输入数据和自定义输出时,它们的工作原理几乎相同。 每种类型都有一些特定的选项和控件。 此外,用户可以通过单击按钮从一个图表块转换到另一个图表块,而不会丢失数据。

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

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor Hello Charts 为块编辑器推出原生图表构建体验图表数据叠加。

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

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

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-1 Hello Charts 为块编辑器推出原生图表构建体验条形图块。

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

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

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-2 Hello Charts 为块编辑器推出原生图表构建体验折线图块。

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

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

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-3 Hello Charts 为块编辑器推出原生图表构建体验饼图块。

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

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

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-4 Hello Charts 为块编辑器推出原生图表构建体验对图表进行分组以添加标题。

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

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

采购流程和设置

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

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

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

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

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

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

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-5 Hello Charts 为块编辑器推出原生图表构建体验插件屏幕上的许可证密钥字段。

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

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

像这样:

喜欢加载…

来源

相关文章