New to Kendo UI for jQuery? Start a free 30-day trial

Shapes.center

configuration

The center point of the shape.

shapes.center

Object

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      id: "1",
      center: { x: 150, y: 100 },
      content: { text: "Centered Shape" }
    }]
});
</script>

shapes.center.x

Number

The x-coordinate of the shape center.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      id: "1",
      center: { x: 200 },
      content: { text: "Shape" }
    }]
});
</script>

shapes.center.y

Number

The y-coordinate of the shape center.

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [{
      id: "1",
      center: { y: 150 },
      content: { text: "Shape" }
    }]
});
</script>