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>