摘要：弦生成器→d3.ribbon()。返回的函数使用二次贝塞尔曲线连接两个圆弧，以构成封闭的弦的路径数据。 从d3.ribbon()返回函数的作用来看，弦其实可分为两部分，一部分为两个圆弧，一部分为二次贝塞尔曲线。贝塞尔曲线是d3.ribbon()返回的函数帮我们生成的，那我们只需要画两个圆弧（起始圆弧，结束圆弧）就可以了。画圆弧（arc）的需要的参数为半径、起始角度、结束角度。因此我们就可以知道弦... 阅读全文

摘要：布局是一种数据处理算法，将输入的数据转换为某种构造器所需要的数据。D3有12中布局：捆绑布局、弦布局、簇布局、力布局、层次布局、直方图布局、包布局、分区布局、饼布局、堆叠布局、树布局、和矩形树布局。 簇布局可以产生树状图：将树的叶子节点放在同一深度的节点-连接图。簇布局遵循方法链模式，在该模式下setter方法返回布局本身，允许使用简单语句调用多个setter。 数据格式 数据就需要有父子关系... 阅读全文

摘要：符号生成器→d3.symbol，它构造出的函数用于生成一系列符号路径字符串(path标签的d属性值)。 数据格式 一个数组即可，因为它们的形状都是固定的，数组的值其实都是没用的，用的只是数组的长度，生成那么多个符号。 var data = d3.range(300) 表示要生成300个符号。 构造器 最简的形式就是 var symbol = d3.symbol(); 但是通常我们还想控制它绘出... 阅读全文

摘要：径向面积生成器→d3.radialArea，它构造出的函数用于生成径向面积的路径字符串(path标签的d属性值)。 数据格式 和径向线的数据结构类似，只是将其半径分为内半径和外半径两个，如下所示： var data = [ {innerRadius:50, outerRadius:100, angle:0}, {innerRadius:50, outerRadius:100, an... 阅读全文

摘要：面积生成器--d3.area()，返回的函数用于生成不封闭的曲线路径字符串（path标签的d属性值）。它有两种，一种为值随着x轴的伸展而变化(需要定义x,y0,y1访问器)，另一种为值随着y轴的伸展而变化(需要定义x0,x1,y访问器)。拿第一种来说，x可以理解为x轴的取值，y0可以理解为图形是基于那条线的，即：基线，y1可以理解为图形的另一条线，即：顶线。其实，整个面积图形是被包裹在y=y0和y... 阅读全文

摘要：radialLine 径向线生成器 使用默认的角度，半径访问器，和插值器函数构造一个 径向线生成器，返回的函数用以生成开放分段线性曲线、折线。它和line生成器很相似，只是将line的x,y访问其换位angle，radius生成器。可以将它想想成一个圆规在画圆，但是在划的过程中不停的改变角度。 radius访问器和angle访问器结合使用，表示在特定的角度上的半径是多少。它们一般都接受函数（也可以... 阅读全文