d3.js 元素

2024-04-14 06:36:03 412

示例

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

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

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

案例：条形图

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

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

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