形状
“关系图”允许您使用其控件添加各种形状关于形状的API参考．
开始
要向关系图添加矩形形状，请调用diagram.addShape ();方法，该方法在图表表面的左上角呈现一个矩形。要更改初始位置，请调用addShape ()方法，并附加点参数。
var Point = kendo.dataviz.diagram.Point;图。addShape(新的点(100220));要为关系图指定其他属性，请使用选项参数。下面的示例演示如何设置形状的背景颜色。
图。addShape(new Point(100,220)， {background: "red"});的addShape ()方法也接受形状实例，并使您能够添加新形状。
var Point = kendo.dataviz.diagram.Point;var shapeInstance = new kendo.diagram.Shape();var shape = diagram.addShape(shape);形状。位置(新的点(100220));添加连接
要连接这些形状，使用connect ()方法。
var Point = kendo.dataviz.diagram.Point;Var shape1 =图表。addShape(新的点(100100));Var shape2 =图表。addShape(新的点(300100));Var连接=图。连接(shape1 shape2);前面的示例产生以下输出。
改变形状的初始选项
要更改形状的特定配置并使其可视化，请使用重绘()方法，该方法将用其新建的选项．
Var shape = new kendo.dataviz.diagram。形状({x: 500, y: 100, fill: "green"});diagram.addShape(形状);diagram.shapes[0]。重绘({fill: {color: "red"}});克隆形状
若要克隆形状并将其呈现在关系图上，请使用克隆()方法。
Var shape = new kendo.dataviz.diagram。形状({x: 500, y: 100, fill: "green"});diagram.addShape(形状);Var shape2 = diagram.shapes[0].clone();diagram.addShape (shape2);使用SVG路径数据创建形状
Var shape = new kendo.dataviz.diagram。形状({path: 'm35.15,0 L84.85,0 L120,35.15 L120,84.85 l885,120 L35.15,120 L0,84.85 L0,35.15 z'， fill: "green"});diagram.addShape(形状);