如何在单击时在NVD3上使用两组数据

Question

我正在使用我们购买的模板上使用的NVD3图表。

我有两组数据：

1. testData - 用于条形图：

   

2. pieChartData - 用于饼图：

   

目标是当我点击PIE CHART页脚上的POSITIONS时，饼图和条形图上的值将根据上面指定的数据进行更改。

页脚的DATA现在设置为pieChartData，这就是为什么当我选择FOOTER上的任何位置时它会动态更改而不是BAR CHART，因为BAR CHART使用的是testData。

这是甜甜圈饼图

d3.select("#manpowerChartPie svg") .datum([pieChartData]) .transition(500).call(chart); PjaxApp.onResize(chart.update);

pieFooter .append("div") .classed("controls", true) .selectAll("div") .data(pieChartData) //.data(testData) .enter().append("div") .classed("control", true) .style("border-top", function(d, i){ return "3px solid " + COLOR_VALUES[i]; })
.html(function(d) { return "<div class='key'>" + d.key + "</div>" + "<div class='value'>" + Math.floor(100 * d.y / sum) + " %</div>"; })
.on('click', function(d) { console.log('Footer -> '+d.key); pieChartUpdate.apply(this, [d]); barChart.update(); setTimeout(function() { barChart.update(); }, 100); });