1.先在body里添加一个div,定义一个id
<div id="legend"></div>
2.向div里添加一个svg元素
//w = 150, h = 550;
var svgLegend = d3.select("#legend")
.append("svg")
.attr("width", w)
.attr("height", h);
3.给div设置长和宽
- 垂直滚动条:设置div.h < svg.h
- 水平滚动条:设置div.w < svg.w
#legend {
position: relative;
float:left;
overflow-y: scroll;
height: 500px; /*垂直 500 < 550*/
width: 200px; /*水平 150 < 200*/
}