第八章 完整的柱形图

    上面定义了一个 padding,是为了给 SVG 的周边留一个空白,最好不要将图形绘制到边界上。

    定义数据和比例尺

    x 轴刻度的方向向下,y 轴的向左。

    添加矩形和文字元素

    矩形元素和文字元素的 x 和 y 坐标要特别注意,要结合比例尺给予适当的值。

    源代码

    下载地址:

    展示地址:http://www.ourd3js.com/demo/rm/R-5.1/Chart.html