DiagramControl Class

Provides a canvas where you or your end-users can display, create and edit various diagrams.

Assembly: DevExpress.Xpf.Diagram.v24.1.dll

NuGet Package: DevExpress.Wpf.Diagram

Declaration

C#
VB.NET

public class DiagramControl :
    Control,
    IDiagramControl

Public Class DiagramControl
    Inherits Control
    Implements IDiagramControl

The following members return DiagramControl objects:

Remarks

Diagram_over

See the Getting Started article to learn about capabilities of the Diagram Control.

The Examples section contains a variety of task-based examples.

The Diagram Designer Control represented by the DiagramDesignerControl class provides the complete visual interface. The End-User Interaction article describes end-user operations available in the Diagram Control and Diagram Designer Control.

The following code snippets (auto-collected from DevExpress Examples) contain references to the DiagramControl class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

wpf-diagram-use-diagramdatabindingbehavior-to-generate-diagram-from-collection/CS/DiagramDataBindingBehavior/MainWindow.xaml#L11

<Grid>
    <dxdiag:DiagramControl ShowGrid="False" ShowRulers="False" ShowPageBreaks="False" CanvasSizeMode="Fill" >
        <dxmvvm:Interaction.Behaviors>

wpf-diagram-use-diagramorgchartbehavior-to-generate-diagram-from-collection/CS/OrgChartBindingExample/MainWindow.xaml#L12

<Grid>
    <dxdiag:DiagramControl ShowGrid="False" ShowRulers="False" ShowPageBreaks="False">
        <dxmvvm:Interaction.Behaviors>

wpf-generate-diagram-with-grouped-items/CS/DiagramNestedItemsExample/MainWindow.xaml#L34

<Grid>
    <dxdiag:DiagramControl ConnectorsSeparationMode="AllLines" SelectedStencils="BasicShapes, BasicFlowchartShapes"
                           SugiyamaLayoutColumnSpacing="300"

wpf-diagram-bind-item-positions-to-source-objects/CS/dxSample/MainWindow.xaml#L26

<dxdiag:DiagramDataBindingBehavior.TemplateDiagram>
    <dxdiag:DiagramControl
        CanvasSizeMode="Fill"

wpf-diagram-mdi/CS/MainWindow.xaml#L33

<DataTemplate>
    <dxdiag:DiagramControl
        ActiveTool="{Binding Path=(dxdo:DockLayoutManager.DockLayoutManager).DataContext.ActiveTool, RelativeSource={RelativeSource Self}, Mode=TwoWay}"