d3.js - 在 NVD3.js multiBarChart.js 上移动 "Stacked/Grouped"选择器

Question

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

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);