# C1.Diagram.Standard.FlexDiagram

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Diagram_Standard_FlexDiagram" data-uid="C1.Diagram.Standard.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">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">IRendererProvider</span></div>
    <div><span class="xref">ILegendLabelsProvider</span></div>
    <div><span class="xref">IChartSerializer</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Diagram.Standard.html">C1.Diagram.Standard</a></h6>
  <h6><strong>Assembly</strong>: C1.Chart.Diagram.dll</h6>
  <h5 id="C1_Diagram_Standard_FlexDiagram_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class FlexDiagram : FlexChartBase, IChartBase, IStyleProvider, IPalette, IBrushConverter, ISizeProvider, IRendererProvider, ILegendLabelsProvider, IChartSerializer</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class FlexDiagram
    Inherits FlexChartBase
    Implements IChartBase, IStyleProvider, IPalette, IBrushConverter, ISizeProvider, IRendererProvider, ILegendLabelsProvider, 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_Diagram_Standard_FlexDiagram__ctor" data-uid="C1.Diagram.Standard.FlexDiagram.#ctor">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.-ctor.html#C1_Diagram_Standard_FlexDiagram__ctor">FlexDiagram()</a>
        </td>
        <td class="markdown level1 summary"><p>Creates an instance of FlexDiagram component.</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_Diagram_Standard_FlexDiagram_Binding" data-uid="C1.Diagram.Standard.FlexDiagram.Binding">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.Binding.html#C1_Diagram_Standard_FlexDiagram_Binding">Binding</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the property name for binding.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_ChildItemsPath" data-uid="C1.Diagram.Standard.FlexDiagram.ChildItemsPath">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.ChildItemsPath.html#C1_Diagram_Standard_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_Diagram_Standard_FlexDiagram_DataSource" data-uid="C1.Diagram.Standard.FlexDiagram.DataSource">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.DataSource.html#C1_Diagram_Standard_FlexDiagram_DataSource">DataSource</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the data source.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_Direction" data-uid="C1.Diagram.Standard.FlexDiagram.Direction">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.Direction.html#C1_Diagram_Standard_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_Diagram_Standard_FlexDiagram_EdgeRouting" data-uid="C1.Diagram.Standard.FlexDiagram.EdgeRouting">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.EdgeRouting.html#C1_Diagram_Standard_FlexDiagram_EdgeRouting">EdgeRouting</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the edge routing method.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_EdgeStyle" data-uid="C1.Diagram.Standard.FlexDiagram.EdgeStyle">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.EdgeStyle.html#C1_Diagram_Standard_FlexDiagram_EdgeStyle">EdgeStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the default edge style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_Edges" data-uid="C1.Diagram.Standard.FlexDiagram.Edges">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.Edges.html#C1_Diagram_Standard_FlexDiagram_Edges">Edges</a>
        </td>
        <td class="markdown level1 summary"><p>Gets collection of edges (links between nodes).</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_NodeStyle" data-uid="C1.Diagram.Standard.FlexDiagram.NodeStyle">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.NodeStyle.html#C1_Diagram_Standard_FlexDiagram_NodeStyle">NodeStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the default node style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_Nodes" data-uid="C1.Diagram.Standard.FlexDiagram.Nodes">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.Nodes.html#C1_Diagram_Standard_FlexDiagram_Nodes">Nodes</a>
        </td>
        <td class="markdown level1 summary"><p>Gets collection of nodes.</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_Diagram_Standard_FlexDiagram_GetStyle_System_String_" data-uid="C1.Diagram.Standard.FlexDiagram.GetStyle(System.String)">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.GetStyle.html#C1_Diagram_Standard_FlexDiagram_GetStyle_System_String_">GetStyle(string)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_HitTest_System_Double_System_Double_" data-uid="C1.Diagram.Standard.FlexDiagram.HitTest(System.Double,System.Double)">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.HitTest.html#C1_Diagram_Standard_FlexDiagram_HitTest_System_Double_System_Double_">HitTest(double, double)</a>
        </td>
        <td class="markdown level1 summary"><p>Return hit test info about the point at the specified coordinates.</p>
</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_Diagram_Standard_FlexDiagram_EdgeCreated" data-uid="C1.Diagram.Standard.FlexDiagram.EdgeCreated">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.EdgeCreated.html">EdgeCreated</a>
        </td>
        <td class="markdown level1 summary"><p>Fires when edge has been created during data binding.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Diagram_Standard_FlexDiagram_NodeCreated" data-uid="C1.Diagram.Standard.FlexDiagram.NodeCreated">
          <a class="xref" href="C1.Diagram.Standard.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_Diagram_Standard_FlexDiagram_NodeRendered" data-uid="C1.Diagram.Standard.FlexDiagram.NodeRendered">
          <a class="xref" href="C1.Diagram.Standard.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_Diagram_Standard_FlexDiagram_NodeRendering" data-uid="C1.Diagram.Standard.FlexDiagram.NodeRendering">
          <a class="xref" href="C1.Diagram.Standard.FlexDiagram.NodeRendering.html">NodeRendering</a>
        </td>
        <td class="markdown level1 summary"><p>Fires before rendering node.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>