- 在CSS样式中添加以下代码,为图表元素分配宽度和圆角边缘:
.chart {
width: 100%;
border-radius: 5px;
}
- 在D3代码中添加以下代码,将图表绑定到元素上,使其长度和宽度相等,并设置其圆角边缘:
var svg = d3.select(".chart")
.append("svg")
.attr("width", "100%")
.attr("height", "100%")
svg.append("rect")
.attr("width", "100%")
.attr("height", "100%")
.attr("rx", "5")
.attr("ry", "5")
.attr("fill", "#fff")
.attr("stroke", "#000")