jsplumb设置锚点_JsPlumb初始化和添加连线、端点等

项目背景：项目上需要通过JsPlumb连线库表示两个表的关联关系，效果图如下：

左侧为数据仓库中的表分类，右侧上为模型设计区，下为数据预览区。

下面展示jsPlumb的初始化代码

jsPlumb.ready(function() {

var color = "#E8C870";

var instance = jsPlumb.getInstance({

Connector : [ "Flowchart", { curviness:50 } ],//连线类型，有直线，折线等，我这只用直线

DragOptions : { cursor: "pointer", zIndex:2000 },//拖动的时候

PaintStyle : { strokeStyle:color, lineWidth:2 },

EndpointStyle : { radius:5, fillStyle:color },

HoverPaintStyle : {strokeStyle:"#7073EB" },

EndpointHoverStyle : {fillStyle:"#7073EB" },

ConnectionOverlays:[

[ "Label", { label:"关联",cssClass:&#