jflow 将点线图分为两部分：

• [绘图对象](Node)
• [连线](BaseLink)

绘图对象

绘图对象描述了一种形状。目前 jflow 中提供的绘图对象可以由组和[单元](Node)来绘制。

组可以通过[组工厂](GroupFactory)来生成，并且可以配置一个[布局](Layout)，组内可以添加多个[单元](Node)，[单元](Node)按照[布局](Layout)来排列。若不设置组的宽高，内部单元的最小外接矩形将决定组内容的宽高。可以把组理解为<div>，另外组也可以设置自己宽高，内边距等。

可以把组理解成 DIV 元素。

目前JFlow提供的[单元](Node)：

• [胶囊](Capsule)
• [钻石](Diamond)
• [图标](Icon)
• [圆点](Point)
• [矩形](Rectangle)
• [菱形](Rhombus)

这些单元都可以通过组工厂来生成对应组。

连线

连线由布局中的 flowLinkStack 数组来描述。连线一般接受 from to两个参数，均为绘图单元，绘图单元可以通过 [getRenderNodeBySource](jflow#getRenderNodeBySource)由源数据查询得到。所以连线直观的描述了源数据间的关系

连线与对象的通用样式

连线和对象都继承自[实体](Instane)实体提供了一些通用的样式属性。属性请参考具体连线与对象的文档。

绘图对象与连线的布局编排

参考demo实现

继续了解

对象、连线布局和Vue动态插槽