Organization Chart Control - Database/Datatable/XML Example

Create organization chart from database/datatable/XML

Using Chart4.NET Organization Chart Component

Organization Chart

Hierarchy Chart

Options

100

ToolTip: Navigation Target:

Click on a node to go to the topic. Click (+/-) to expand/collapse. Use slider or mousewheel to zoom. More screenshots.

Change settings and click 'Refresh' button below

Chart Style: Chart Orientation: Chart Layout:

Use Organization Chart Designer Sample to experiment with more settings: See samples.

<?xml version="1.0" encoding="utf-16"?>
<chart>
 <settings PhotoPath="E:\HostingSpaces\ZNETNEW683\organization.unifosys.com\wwwroot\photo\" PhotoSpecification="ByFileName" />
 <data>
 <item text="Joyce Haney&#xA;Marketing" value="name23" tooltip="Joyce H" photo="joyce.png" url="" tag="Director">
 <item text="Palm Blazer&#xA;Customer Care" value="3" tooltip="tooltip1" photo="palm.png" url="" tag="Executive" />
 </item>
 <item text="Steve Bullock&#xA;Development" value="4" tooltip="" photo="steve.png" url="" tag="Director">
 <item text="Mike Rupert&#xA;" value="7" tooltip="" photo="mike1.png" url="" tag="Manager" />
 <item text="Meg Steve&#xA;" value="8" tooltip="" photo="meg.png" url="" tag="Manager" />
 </item>
 <item text="Shelly Tylor&#xA;Sales&#xA;Administration" value="6" tooltip="NULL" photo="shelly.png" url="" tag="Director">
 <item text="Fahad M.&#xA;Administration" value="2" tooltip="" photo="fahad.png" url="" tag="Manager">
 <item text="Kendra Spring&#xA;Assistant" value="5" tooltip="" photo="kendra.png" url="" tag="Executive" />
 <item text="Mike Conroy&#xA;Assistant" value="9" tooltip="" photo="mike.png" url="" tag="Manager" />
 </item>
 </item>
 </data>
</chart>

Download Source Code of this sample.
See Database Sample Project (Winform) for the database setup information.