<rect> 代表矩形,除了笔触和填充之类的美学属性外,矩形还应通过位置和大小来定义。
至于位置,由x和y属性确定。该位置相对于矩形的父级。而且,如果您未指定x或y属性,则相对于父元素,默认值为0。
在指定位置或矩形的“起点”之后,接下来就是指定尺寸,如果您想在画布上实际绘制某东西,这是必不可少的,也就是说,如果您不想指定size属性或将值设置为0,则画布上将看不到任何内容。
案例:条形图
继续第一种情况,y轴,但是这次,我们尝试绘制条形图。
假设y比例设置相同,y轴也已正确设置,则散点图和此条形图之间的唯一区别是,我们需要指定宽度和高度,尤其是高度。更具体地说,我们已经有了“起点”,剩下的就是使用类似高度的东西:
.attr("height", function(d){ return (height - yScale(d.value)) })