d3之svg整体布局

目录

背景

body{
        background-color:#333;
}

svg

var width = 1250;
var height = 600;
var svg =d3.select("body").append("svg")
    .attr("width",width)
    .attr("height",height)
    .append("g")

svg的分部分

var widthOne = width / 2;
var heightOne = height * 3 / 4 ;    
var partOne = svg.append("g");
    partOne
    .append("rect")
    .attr("x",0)
    .attr("y",0)
    .attr("rx",10)
    .attr("ry",10)
    .attr("width",widthOne)
    .attr("height",heightOne)
    .style("fill","white")
    .attr("stroke-width","4px")
    .attr("fill-opacity",0)
    .attr("stroke","white")
    .attr("stroke-opacity",1)