Svg 使用D3.js从第一个图表中单击的数据创建动态第二个图表（几乎，但不完全）

使用绝对参考从单击事件进行双图表渲染。

解决方案…不优雅，但创建白色背景并使用绝对定位覆盖：

                 //Click feature added to show bar chart data
                    .on("click", function(d) {
                        d3.select(this)
                          .transition()
                          .attr("fill", "red");

                       var svg2 = d3.select("#container2")                               
                                    .append("svg:svg")                
                                    .attr("width", w2)
                                .attr("height", h)
                                    .style("position", "absolute")
                                    .style("background-color", "white");

---

另一个注意事项是，如果我在每个单击事件上创建新的SVG，它基本上会执行我需要它执行的操作，但SVG不会被覆盖。相反，它只是复制了以前版本下的条形图……有没有办法通过单击第一个SVG来替换第二个SVG的内容？我看到条形图正在创建具有重叠的新y轴的新条形图。你想有一个单条在选择时改变还是多个单条都缩放到一个y轴？谢谢你翻译成JSFIDLE…我还没有掌握这个。。。我正试图做后者。我希望条形图根据选择重新缩放。下一步将添加一个选择窗格…谢谢