d3.js 元素

示例

<rect> 代表矩形,除了笔触和填充之类的美学属性外,矩形还应通过位置和大小来定义。

至于位置,由x和y属性确定。该位置相对于矩形的父级。而且,如果您未指定x或y属性,则相对于父元素,默认值为0。

在指定位置或矩形的“起点”之后,接下来就是指定尺寸,如果您想在画布上实际绘制某东西,这是必不可少的,也就是说,如果您不想指定size属性或将值设置为0,则画布上将看不到任何内容。

案例:条形图

继续第一种情况,y轴,但是这次,我们尝试绘制条形图。

假设y比例设置相同,y轴也已正确设置,则散点图和此条形图之间的唯一区别是,我们需要指定宽度和高度,尤其是高度。更具体地说,我们已经有了“起点”,剩下的就是使用类似高度的东西:

.attr("height", function(d){
  return (height - yScale(d.value))
})