如何在与 y 轴平行的线的正下方显示 Angular 中剑道图的 x 轴标签？

我的意思是这个类别的概念对我来说有点陌生。我在数学课上使用，在画线时我有一系列二维点。但是这里我们有对应于类别的一维点。类别是 x 轴上的段。我希望类别是点，是否有可能以某种方式实现？

如您所见，由于我们有一条直接来自类别的线，因此我们能够知道该线与值线的交点在哪里。

所以，从某种意义上说，我希望在 x 轴上有通常的数学点，而不是这些凌乱的类别。有人可以帮我找到一个 Angular API 吗？

这是我现在有点的地方（在一个片段的中间，这对我来说真的很奇怪）：