我试图了解如何防止 d3 可视化的某个部分滚动，而其余的可视化在包含的 div 内滚动。我想要做的一个简单例子是在这个 jsfiddle：https ://jsfiddle.net/51qs8q94/ 。
HTML/JS
<body>
<div class="container">
<div id="viz" class="content"></div>
</div>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script>
var svg = d3.select("#viz")
.append("svg")
.attr("width", 300)
.attr("height", 300);
svg.append("text")
.attr("x", 40)
.attr("y", 10)
.attr("dy", ".35em")
.text("LABEL");
svg.append("rect")
.style("stroke", "green")
.style("fill", "green")
.attr("x", 50)
.attr("y", 25)
.attr("width", 25)
.attr("height", 25);
svg.append("rect")
.style("stroke", "yellow")
.style("fill", "yellow")
.attr("x", 50)
.attr("y", 50)
.attr("width", 25)
.attr("height", 25);
svg.append("rect")
.style("stroke", "green")
.style("fill", "green")
.attr("x", 50)
.attr("y", 75)
.attr("width", 25)
.attr("height", 25);
svg.append("rect")
.style("stroke", "yellow")
.style("fill", …为什么只是简单地将我的单行'改为而不是"影响代码的行为？第一行代码产生了预期的结果，第二行代码给出了（给我！）一个意想不到的结果，打印出一个意想不到的数组引用。
$ echo "puke|1|2|3|puke2" | perl -lne 'chomp;@a=split(/\|/,$_);print $a[4];'
puke2
$ echo "puke|1|2|3|puke2" | perl -lne "chomp;@a=split(/\|/,$_);print $a[4];"
这是 Perl 版本：
$ perl -v
This is perl, v5.10.1 (*) built for x86_64-linux-thread-multi
ARRAY(0x1f79b98)