{代码...} 结果 前言 先放结果图是想反馈一下在整合基础知识绘制完整柱状图遇到的几个问题： 整个柱状图的布局，比如哪些元素包在一个<g>标签下，哪些元素是嵌套关系； 如果不采用translate，transform 翻转height属性的值，如何让矩形正常方向显示； 如何绘制文字； 如何为柱状图添加过渡效果； 坐标轴的位置如何...

结果 结果显示，数据集被比例尺进行缩放（scale）可视化出来。 d3还提供很多数据处理的方法，max min extent sum median mean shuffle等等。

{代码...} 绘制画布 {代码...} 绘制矩形 {代码...} 结果总结 {代码...} 绑定数据 {代码...} 结果 {代码...} 如果前两个矩形我们不设置高度，是否会通过数据集绑定上相关数据呢？ {代码...} 结果 {代码...} 如果我们在绑定数据后立刻attr矩形的属性呢？是否会有所改变呢？ {代码...} 结果 {代码...} 现在我们改变一下数据...

<p class=“firstElement”>first p</p><p class="secondElement">second p</p><p class="myclass">third p</p>