d3.js - 在 NVD3.js multiBarChart.js 上移动“堆叠/分组”选择器

Question

我想将“分组/堆叠”选择器从图表顶部的位置移动到图表的底部。这有可能以某种方式做到吗？

Answer 1

一种快速简便的方法是添加：

d3.select(".nv-controlsWrap").attr("transform", "translate(0,620)")

在设置 nvd3.js 图表之后。

您必须创建一个 nvd3 的分支并更改：

https://github.com/novus/nvd3/blob/master/src/models/multiBarChart.js#L186-L189

例如：

    g.select('.nv-controlsWrap')
        .datum(controlsData)
        .attr('transform', 'translate(0,' + height +')')
        .call(controls);