Organization Chart Control - Database/Datatable/XML Example

               

Organization Chart

• Options
  • Expand All
  • Collapse All
  • Node Draw
    • Direct Draw
    • Flexi Draw
    • Flexi Extended
  • View
    • Wide View
    • Rich ToolTip
    • Movable
    • Resizable
  • Node Connector
    • Branch
    • Direct
    • Hook

100

Chart4.NET™

Change settings and click 'Refresh' button below

Chart Style: Normal ThreeD Shaded      Chart Orientation: TopToBottom LeftToRight BottomToTop RightToLeft      Chart Layout: FlexiDraw DirectDraw FlexiExtended

---

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

Change XML data and click 'Apply Data' button below

Chart Data:Do remember to press Apply button below, if you change data
<?xml version="1.0" encoding="utf-16"?> <chart> <settings PhotoPath="D:\HostingSpaces\ZNETNEW683\organization.unifosys.com\wwwroot\photo\" PhotoSpecification="ByFileName" /> <data> <item text="Joyce Haney&#xA;Marketing" value="N___0" tooltip="" photo="joyce.png" url="" tag="Director"> <item text="Palm Blazer&#xA;Customer Care" value="N___1" tooltip="tooltip1" photo="palm.png" url="" tag="Executive" /> </item> <item text="Steve Bullock&#xA;Development" value="N___2" tooltip="" photo="steve.png" url="" tag="Director"> <item text="Mike Rupert&#xA;" value="N___3" tooltip="" photo="mike1.png" url="" tag="Manager" /> <item text="Meg Steve&#xA;" value="N___4" tooltip="" photo="meg.png" url="" tag="Manager" /> </item> <item text="Shelly Tylor&#xA;Sales&#xA;Administration" value="N___5" tooltip="NULL" photo="shelly.png" url="" tag="Director"> <item text="Fahad M.&#xA;Administration" value="N___6" tooltip="" photo="fahad.png" url="" tag="Manager"> <item text="Kendra Spring&#xA;Assistant" value="N___7" tooltip="" photo="kendra.png" url="" tag="Executive" /> <item text="Mike Conroy&#xA;Assistant" value="N___8" tooltip="" photo="mike.png" url="" tag="Manager" /> </item> </item> </data> </chart>