c3 获取条形长度和宽度或 x/y 坐标

c3 getting bar length and width or x/y coordinates

我正在研究使用 c3 作为渲染库。浏览 API,我发现了 c3 可能无法实现的要求。

我打算创建 c3 条形图的自定义停留,因为我希望能够向轴标签和图表的其他方面添加自定义。为此,我需要能够访问每个条形图的宽度和高度(或 x/y 坐标),以便我可以正确对齐叠加层。我看不到从 c3 API 获取此信息的方法。

这可以吗?

谢谢!

  1. 您可以通过其 'internal' 属性 访问图表的 x 和 y 刻度,以根据此答案使用用于生成条形图的相同数据计算点 -->

  1. 如果你想要渲染条的坐标,你可以 select 它们都用 d3.selectAll(".c3-bar"),- 将 'd3' 替换为特定的 svg selection 如果你有多个图表 - 但由于它们是路径元素而不是矩形,你必须对路径的 'd' 属性(d 表示路径信息,而不是数据)进行一些解析才能得到有用的 x/y 坐标

请记住,在这两种情况下,返回的数字将偏移到某些 'g' 元素容器