C3图表刻度值位置

Question

我正在用c3.js构建一个图表。这就是我目前所拥有的：Image1

它是一个带有水平条的图表，所以x轴是旋转的。我想要更改刻度的位置(刻度1，刻度2，刻度3)，使其具有如下所示：Image 2

使用c3可以做到这一点吗？我在推荐信上什么都没找到。

谢谢!

Answer 1

我也需要这样的功能，所以我提出了以下解决方案：

• 在DOM中查找所有最顶部的栏(栏表示为<path>元素)。(最上面，因为如果您在一个类别中有多个条形图，那么您需要将刻度置于该类别中最高的条形图之上)。对上一步中找到的每个条形图进行
• ：查看元素的d属性并根据它解析y坐标。( d属性定义应该如何绘制条形图，它看起来像M 0,27.4 L503.45454545454544,27.4 L503.45454545454544,67 L0,67 z，所以在本例中，我们对27.4感兴趣)。将array.
• insert容器元素(<g>)中的所有坐标存储到DOM中，以便将所有刻度放在一起为每个刻度创建
• ，创建<text>元素并将坐标数组中相应的y指定为y属性。

jsbin：https://jsbin.com/mumuhoq/3/edit?html,js,output