如何在c3.js中将图例动态对齐到图表的顶部中心？

Question

我想将相同的图例放在图表的顶部。图例项目将是动态的，例如有时为2,5或9，等等。因此，它应该像在底部一样动态地占用空间。

我尝试使用插入功能，但看起来似乎不太像下面的功能。

并且几乎没有像我想要的那样复杂的东西，所以现在如果我定义步长3，那么也许现在看来，适合9个项目。但是当有2个项目时，它将显示为列表！

Answer 1

尽管我通过以下解决方案解决了该问题：

 // get parent elements
        let parentEle = d3.selectAll("#chartID svg");
        let childrenEle = parentEle
          //Convert selection to selection representing the children
          .selectAll(function () { return this.childNodes; })
          .filter('g');
        // putting legends position on TOP 
        d3.select(childrenEle._groups[0][2]).attr('transform', 'translate(0, 5)');

• 您必须注意图表的宽度-高度，根据此，您可能必须在图表的TOP中控制填充。

• 可能不是一个好的解决方案，但对我来说很好：D