# C1.WPF.Diagram.FlexDiagram

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_WPF_Diagram_FlexDiagram" data-uid="C1.WPF.Diagram.FlexDiagram" class="text-break">FlexDiagram Class
</h1>
  <div class="markdown level0 summary"><p>Charting control for visualizing graph-based data.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><span class="xref">FlexDiagram</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><span class="xref">IDiagram</span></div>
    <div><span class="xref">IChartBase</span></div>
    <div><span class="xref">IStyleProvider</span></div>
    <div><span class="xref">IPalette</span></div>
    <div><span class="xref">IBrushConverter</span></div>
    <div><span class="xref">ISizeProvider</span></div>
    <div><span class="xref">ILegendLabelsProvider</span></div>
    <div><span class="xref">ISupportBatchUpdate</span></div>
    <div><span class="xref">IChartSerializer</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.WPF.Diagram.html">C1.WPF.Diagram</a></h6>
  <h6><strong>Assembly</strong>: C1.WPF.Diagram.dll</h6>
  <h5 id="C1_WPF_Diagram_FlexDiagram_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">[TemplatePart(Name = &quot;canvas&quot;, Type = typeof(RenderCanvas))]
[TemplatePart(Name = &quot;ButtonZoomIn&quot;, Type = typeof(Button))]
[TemplatePart(Name = &quot;ButtonZoomOut&quot;, Type = typeof(Button))]
[TemplatePart(Name = &quot;ButtonZoomReset&quot;, Type = typeof(Button))]
public class FlexDiagram : FlexChartBase, IDiagram, IChartBase, IStyleProvider, IPalette, IBrushConverter, ISizeProvider, ILegendLabelsProvider, ISupportBatchUpdate, IChartSerializer</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">&lt;TemplatePart(Name:=&quot;canvas&quot;, Type:=GetType(RenderCanvas))&gt;
&lt;TemplatePart(Name:=&quot;ButtonZoomIn&quot;, Type:=GetType(Button))&gt;
&lt;TemplatePart(Name:=&quot;ButtonZoomOut&quot;, Type:=GetType(Button))&gt;
&lt;TemplatePart(Name:=&quot;ButtonZoomReset&quot;, Type:=GetType(Button))&gt;
Public Class FlexDiagram
    Inherits FlexChartBase
    Implements IDiagram, IChartBase, IStyleProvider, IPalette, IBrushConverter, ISizeProvider, ILegendLabelsProvider, ISupportBatchUpdate, IChartSerializer</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram__ctor" data-uid="C1.WPF.Diagram.FlexDiagram.#ctor">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.-ctor.html#C1_WPF_Diagram_FlexDiagram__ctor">FlexDiagram()</a>
        </td>
        <td class="markdown level1 summary"><p>Creates an instance of FlexDiagram.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="fields">Fields
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_ChildItemsPathProperty" data-uid="C1.WPF.Diagram.FlexDiagram.ChildItemsPathProperty">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.ChildItemsPathProperty.html">ChildItemsPathProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the ChildItemsPath dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_DirectionProperty" data-uid="C1.WPF.Diagram.FlexDiagram.DirectionProperty">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.DirectionProperty.html">DirectionProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the Direction dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_EdgeRoutingProperty" data-uid="C1.WPF.Diagram.FlexDiagram.EdgeRoutingProperty">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.EdgeRoutingProperty.html">EdgeRoutingProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the EdgeRouting dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_NodeTemplateProperty" data-uid="C1.WPF.Diagram.FlexDiagram.NodeTemplateProperty">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.NodeTemplateProperty.html">NodeTemplateProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the NodeTemplate dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_SelectionModeProperty" data-uid="C1.WPF.Diagram.FlexDiagram.SelectionModeProperty">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.SelectionModeProperty.html">SelectionModeProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the SelectionMode dependency property.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_ChildItemsPath" data-uid="C1.WPF.Diagram.FlexDiagram.ChildItemsPath">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.ChildItemsPath.html#C1_WPF_Diagram_FlexDiagram_ChildItemsPath">ChildItemsPath</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or set the name of property for child items.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_Direction" data-uid="C1.WPF.Diagram.FlexDiagram.Direction">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.Direction.html#C1_WPF_Diagram_FlexDiagram_Direction">Direction</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the diagram layout direction.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_EdgeRouting" data-uid="C1.WPF.Diagram.FlexDiagram.EdgeRouting">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.EdgeRouting.html#C1_WPF_Diagram_FlexDiagram_EdgeRouting">EdgeRouting</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or set the edge routing.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_Edges" data-uid="C1.WPF.Diagram.FlexDiagram.Edges">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.Edges.html#C1_WPF_Diagram_FlexDiagram_Edges">Edges</a>
        </td>
        <td class="markdown level1 summary"><p>Gets collection of edges.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_InteractionMode" data-uid="C1.WPF.Diagram.FlexDiagram.InteractionMode">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.InteractionMode.html#C1_WPF_Diagram_FlexDiagram_InteractionMode">InteractionMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the interaction mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_NodeTemplate" data-uid="C1.WPF.Diagram.FlexDiagram.NodeTemplate">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.NodeTemplate.html#C1_WPF_Diagram_FlexDiagram_NodeTemplate">NodeTemplate</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the node template.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_Nodes" data-uid="C1.WPF.Diagram.FlexDiagram.Nodes">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.Nodes.html#C1_WPF_Diagram_FlexDiagram_Nodes">Nodes</a>
        </td>
        <td class="markdown level1 summary"><p>Gets collection of nodes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_RenderCanvas" data-uid="C1.WPF.Diagram.FlexDiagram.RenderCanvas">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.RenderCanvas.html#C1_WPF_Diagram_FlexDiagram_RenderCanvas">RenderCanvas</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_ScaleMode" data-uid="C1.WPF.Diagram.FlexDiagram.ScaleMode">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.ScaleMode.html#C1_WPF_Diagram_FlexDiagram_ScaleMode">ScaleMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the scale mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_SelectionMode" data-uid="C1.WPF.Diagram.FlexDiagram.SelectionMode">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.SelectionMode.html#C1_WPF_Diagram_FlexDiagram_SelectionMode">SelectionMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the selection mode.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_GetRenderer" data-uid="C1.WPF.Diagram.FlexDiagram.GetRenderer">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.GetRenderer.html#C1_WPF_Diagram_FlexDiagram_GetRenderer">GetRenderer()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_GetStyle_System_String_" data-uid="C1.WPF.Diagram.FlexDiagram.GetStyle(System.String)">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.GetStyle.html#C1_WPF_Diagram_FlexDiagram_GetStyle_System_String_">GetStyle(string)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_HandleTooltip_System_Windows_Point_" data-uid="C1.WPF.Diagram.FlexDiagram.HandleTooltip(System.Windows.Point)">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.HandleTooltip.html#C1_WPF_Diagram_FlexDiagram_HandleTooltip_System_Windows_Point_">HandleTooltip(Point)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_HitTest_System_Double_System_Double_" data-uid="C1.WPF.Diagram.FlexDiagram.HitTest(System.Double,System.Double)">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.HitTest.html#C1_WPF_Diagram_FlexDiagram_HitTest_System_Double_System_Double_">HitTest(double, double)</a>
        </td>
        <td class="markdown level1 summary"><p>Returns hit test info about the point at the specified coordinates.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_Invalidate" data-uid="C1.WPF.Diagram.FlexDiagram.Invalidate">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.Invalidate.html#C1_WPF_Diagram_FlexDiagram_Invalidate">Invalidate()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_OnApplyTemplate" data-uid="C1.WPF.Diagram.FlexDiagram.OnApplyTemplate">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.OnApplyTemplate.html#C1_WPF_Diagram_FlexDiagram_OnApplyTemplate">OnApplyTemplate()</a>
        </td>
        <td class="markdown level1 summary"><p>Invoked when applying control template.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_OnPropertyChanged_System_Windows_DependencyPropertyChangedEventArgs_" data-uid="C1.WPF.Diagram.FlexDiagram.OnPropertyChanged(System.Windows.DependencyPropertyChangedEventArgs)">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.OnPropertyChanged.html#C1_WPF_Diagram_FlexDiagram_OnPropertyChanged_System_Windows_DependencyPropertyChangedEventArgs_">OnPropertyChanged(DependencyPropertyChangedEventArgs)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>
  <h3 id="events">Events
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_NodeCreated" data-uid="C1.WPF.Diagram.FlexDiagram.NodeCreated">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.NodeCreated.html">NodeCreated</a>
        </td>
        <td class="markdown level1 summary"><p>Fires when node has been created.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_NodeRendered" data-uid="C1.WPF.Diagram.FlexDiagram.NodeRendered">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.NodeRendered.html">NodeRendered</a>
        </td>
        <td class="markdown level1 summary"><p>Fires when node has been rendered.</p>
</td>
      </tr>
      <tr>
        <td id="C1_WPF_Diagram_FlexDiagram_NodeRendering" data-uid="C1.WPF.Diagram.FlexDiagram.NodeRendering">
          <a class="xref" href="C1.WPF.Diagram.FlexDiagram.NodeRendering.html">NodeRendering</a>
        </td>
        <td class="markdown level1 summary"><p>Fires before rendering node.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
