nvd3控件分成2行

Question

我有带有激活控件的standart nvd3 multybarchart示例：

chart.showControls(true);

当屏幕宽度改变时，我无法看到控件和图例，例如：

有办法解决吗？

例如，将控件转换为两行，例如：

试图用d3.select('.nv-controlsWrap').attr("transform","translate(...,...) rotate(...)");做到这一点d3.select('.nv-controlsWrap').attr("transform","translate(...,...) rotate(...)");

但没有找到实现两个线控件视图的方法。

谢谢

ps RU_SO原始问题。

Answer 1

应尽可能简单：

d3.select('.nv-controlsWrap .nv-series:nth-child(2)')
  .attr('transform', 'translate(0, 25)');

更新小提琴 。

---

对于“修复”它平局：

function stackControls(){
  d3.select('.nv-controlsWrap .nv-series:nth-child(2)').attr('transform', 'translate(0, 25)');
}
nv.utils.windowResize(function(){
    chart.update();
    stackControls();
});    
d3.select('.nv-controlsWrap').on('click', stackControls);
d3.select('.nv-legendWrap').on('click', stackControls);    
stackControls();

更新小提琴 。