return g;
}
</script>
<?php
$read = new \Kendo\Data\DataSourceTransportRead();
$read->url('index.php')->contentType('application/json')->type('POST');
$transport = new \Kendo\Data\DataSourceTransport();
$transport->read($read);
$model = new \Kendo\Data\HierarchicalDataSourceSchemaModel();
$model->children("items");
$schema = new \Kendo\Data\HierarchicalDataSourceSchema();
$schema->model($model);
$dataSource = new \Kendo\Data\HierarchicalDataSource();
$dataSource->transport($transport)->schema($schema);
$layout = new \Kendo\Dataviz\UI\DiagramLayout();
$layout->type('layered');
$shape_defaults = new \Kendo\Dataviz\UI\DiagramShapeDefaults();
$shape_defaults->visual(new \Kendo\JavaScriptFunction('visualTemplate'))->editable(false)->rotatable(false)->resizable(false);
$stroke = new \Kendo\Dataviz\UI\DiagramConnectionDefaultsStroke();
$stroke->color('#979797')->width(2);
$connection_defaults = new \Kendo\Dataviz\UI\DiagramConnectionDefaults();
$connection_defaults->stroke($stroke);
$diagram = new \Kendo\Dataviz\UI\Diagram('diagram');
$diagram->dataSource($dataSource)->layout($layout)->shapeDefaults($shape_defaults)->connectionDefaults($connection_defaults);
echo $diagram->render();
?>
<?php
require_once '../include/footer.php';
}
require_once '../include/header.php';
?>
<?php
$read = new \Kendo\Data\DataSourceTransportRead();
$read->url('layout.php')->contentType('application/json')->type('POST');
$transport = new \Kendo\Data\DataSourceTransport();
$transport->read($read);
$model = new \Kendo\Data\HierarchicalDataSourceSchemaModel();
$model->children("items");
$schema = new \Kendo\Data\HierarchicalDataSourceSchema();
$schema->model($model);
$dataSource = new \Kendo\Data\HierarchicalDataSource();
$dataSource->transport($transport)->schema($schema);
$layout = new \Kendo\Dataviz\UI\DiagramLayout();
$layout->type('tree')->subtype('down')->horizontalSeparation(30)->verticalSeparation(20);
$shape_defaults = new \Kendo\Dataviz\UI\DiagramShapeDefaults();
$shape_defaults->width(40)->height(40);
$diagram = new \Kendo\Dataviz\UI\Diagram('diagram');
$diagram->dataSource($dataSource)->layout($layout)->shapeDefaults($shape_defaults);
echo $diagram->render();
?>
<div class="configuration-horizontal">
<div class="config-section">
<label for="subtype">Layout: </label>
<select id="subtype">
<option value="down">Tree Down</option>
<option value="up">Tree Up</option>
<option value="tipover">Tipover Tree</option>
