It would be nice if the diagram control could support undobale properties load back from saved data. And also if shapes, connections could acquire this property (not only through diagram.addShape and diagram.addConnection).

I save the diagram json to everlive by using the save method and load it into the widget with the load method.  My problem is that connection blocks cannot be edited now.  I don't think CRUD should be required for this ability.  

SVG Example:

            <svg>
                <defs>
                    <pattern id="Occupied"
                            width="4" height="10"
                            patternUnits="userSpaceOnUse"
                            patternTransform="rotate(45 50 50)">
                        <line stroke="#ffb29d" stroke-width="2" y2="10"/>
                    </pattern>
                </defs>
                <rect x="5" y="5"
                      width="40" height="100"
                      fill="url(#Occupied)"
                      stroke="#ff7094"
                      stroke-width="1" />
            </svg>

It should be allowed to extend the Diagram plot area to more than 20000px and/or to calculate the max scroll width based on the Diagram content.

Bug report

When exporting a diagram as a PDF, hidden shapes still visible. 

Reproduction of the problem

1. Run this dojo - https://dojo.telerik.com/oRUPUHOb/4
2. Click on "Mask" button
3. Click on "Save as PDF"
4. Open the exported PDF file

The shape State 1 must not be present on the exported PDF

The data item is available to the event arguments of the function handler for shapeDefaults.content.visual function but it is not available to connectionDefaults.content.visual Function. Here is an example illustrating the issue: https://dojo.telerik.com/EMAzeruG

Can it be added?

Hi Team,

I'd like to request the functionality to inject HTML code using the Kendo UI Drawing API.  Specifically, being able to utilize a Node Container with the Drawing API would be great.  

Thank you!

Hi Team,

I would like to request adding Swimlane Orientation for the Kendo UI Diagram. 

Thank you!

The diagram has its own built in flow layouts (left, down, &c.).  I would like to see an interface provided to allow a custom callback to allow a programmer to create their own layout flow designs.  All positioning calculations would be up to the user implementation, but objects that provide information about the current layout while rendering could be provided as parameters to the callback.

Hi, 

I have to design the flow chart as below using the kendo diagram.  

After dragging the connection from bottom shape  (Add task) to  top shape (Default) as per the requirement it is showing like below. Actually both are same but the design look & feel is completely changed. i want to see the flowchart as like above one. Kindly provide solution for this.

Thanks,

Bhanu N

I disable the zoom on a diagram by setting the zoom property to 0 and it works.

Unfortunately it crashes the pdf export with the following error:

This is a dojo where the issue reproduces: https://dojo.telerik.com/EveCAnAq

I did a quick investigation in the library and the culprit seems to be the first line of the below function. _zoom is either zero or undefined resulting in NAN. 

The Typescript definitions for Kendo UI define the connections() method which is part of the kendo.dataviz.diagram.Shape interface as follows:

connections(type: string): void;

The documentation (https://docs.telerik.com/kendo-ui/api/javascript/dataviz/diagram/shape/methods/connections) however, specifies:

Returns the connections attached to the shape. You can optionally specify to return only the incoming or outgoing connections.

Therefore, connections() should not be of type void and the type parameter should be optional.

To solve this issue, we currently cast both the parameter and the result.

Bug report

On Zoom Some Connection lines become bolded

Reproduction of the problem
Dojo: https://dojo.telerik.com/uHOdOHOV/4

Zoom the chart randomly

Current behavior

Some Connection lines become bolded

Expected/desired behavior
Connection lines coordination shall be rounded so they render equally

Environment
Kendo UI version: [all]
Browser: [all]