TelerikDiagram
A component for creating interactive diagrams with shapes and connections. Configure id via Id and handle user interaction with OnShapeClick and OnConnectionClick. Provides serialization APIs: SaveAsJsonAsync() to export and LoadFromJsonAsync(string) to import diagram state. Children: DiagramShapes, DiagramConnections, DiagramShapeDefaults, DiagramConnectionDefaults, DiagramLayout.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class TelerikDiagram : DataVizComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentDataVizComponentTelerikDiagram
Implements:
Inherited Members
Constructors
public TelerikDiagram()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
public Task<string> ExportToPdfAsync(DiagramPdfExportOptions exportOptions = null)public Task<string> ExportToPngAsync(DiagramPngExportOptions exportOptions = null)Properties
Specifies the connections data.
[Parameter]
public List<DiagramConnectionDescriptor> ConnectionsData { get; set; }The maximum zoom level in percentages. The user will not be allowed to zoom in past this level.
[Parameter]
public double? MaxZoom { get; set; }The minimum zoom level in percentages. The user will not be allowed to zoom out past this level. You can see an example in zoomMax.
[Parameter]
public double? MinZoom { get; set; }Specifies the connection click event.
[Parameter]
public EventCallback<DiagramConnectionClickEventArgs> OnConnectionClick { get; set; }Fires when the user finishes dragging connections in the Diagram. Provides information about the connections that were dragged and the connection handle, if applicable.
[Parameter]
public EventCallback<DiagramConnectionDragEndEventArgs> OnConnectionDragEnd { get; set; }Fires when the user starts dragging connections in the Diagram. Provides information about the connections that started being dragged and the connection handle, if applicable.
[Parameter]
public EventCallback<DiagramConnectionDragStartEventArgs> OnConnectionDragStart { get; set; }Specifies the shape click event.
[Parameter]
public EventCallback<DiagramShapeClickEventArgs> OnShapeClick { get; set; }Fires when the user finishes dragging shapes in the Diagram. Provides information about the shapes that were dragged.
[Parameter]
public EventCallback<DiagramShapeDragEndEventArgs> OnShapeDragEnd { get; set; }Fires when the user starts dragging shapes in the Diagram. Provides information about the shapes that started being dragged.
[Parameter]
public EventCallback<DiagramShapeDragStartEventArgs> OnShapeDragStart { get; set; }Specifies the shapes data.
[Parameter]
public List<DiagramShapeDescriptor> ShapesData { get; set; }The default zoom level of the Diagram in percentages.
[Parameter]
public double? Zoom { get; set; }