Plotly JavaScript：自定义y轴上的y记号或标签

我正在使用Plotly.js。我正在尝试开发一个图表，其中我希望在y轴上的每个刻度上添加一个小图像。参考请参见下图

注意y轴上的灰色小圆盘（文本“红色”、“绿色”和“蓝色”旁边）。我正在努力实现这样的目标。然而，在参考文件中，我找不到任何与此相关的内容

我怎样才能做到这一点

[更新]
在按照@Ruben的建议实现了答案，并进一步进行了一些更新之后，我将x轴的这个小尖端从左侧延伸到了负侧（参考下面这个扩展尖端的屏幕截图）

---

如果真的只是关于点的，我将一些东西拼凑在一起，在每个条上插入一个实心的黑色圆圈。如果你想的话，你可以给它上色

var数据=[{
类型：'bar'，
x:[20,14,23]，
y:[‘长颈鹿’、‘猩猩’、‘猴子’]，
方向：“h”
}];
变量布局={
注释：数据[0].y.map（（v，i）=>({
x：-0.75，
y:我，
外部参照：“x”，
yref:'y'，
正文：⬤；“，
showarrow：错，
字体：{
尺码：14，
颜色：[“红色”、“蓝色”、“绿色”][i%3]
}
}))
};
Plotly.newPlot（'myDiv'，数据，布局）

我正在添加多个注释，因此，我发现x轴上的零线向负方向延伸（0的左侧）。我怎样才能防止它发生？我不知道你的意思。你是说你在x=-5处得到一个额外的勾号吗？请在上面的问题中找到截图。我必须在注释配置中添加
xshift:-10
，以正确定位unicode字符。请注意，这不是一个额外的问题，我添加了第二个示例，现在通过更改列标签