Organigram"
From Documentation
Charlesqiu (talk | contribs) |
Charlesqiu (talk | contribs) |
||
Line 7: | Line 7: | ||
<tt>Organigram</tt> is a component for showing organizational chart by using tree data structure, it also support TreeModel to hold data, Organigram only accept one <tt>Orgchildren</tt> as child, developers can put <tt>Orgchildren</tt>, <tt>Orgitem</tt> and <tt>Orgnode</tt> in <tt>Organigram</tt> to display data. | <tt>Organigram</tt> is a component for showing organizational chart by using tree data structure, it also support TreeModel to hold data, Organigram only accept one <tt>Orgchildren</tt> as child, developers can put <tt>Orgchildren</tt>, <tt>Orgitem</tt> and <tt>Orgnode</tt> in <tt>Organigram</tt> to display data. | ||
+ | |||
+ | = Example = | ||
+ | |||
+ | <source lang="xml" > | ||
+ | <organigram width="600px"> | ||
+ | <orgchildren> | ||
+ | <orgitem> | ||
+ | <orgnode label="Item1"/> | ||
+ | <orgchildren> | ||
+ | <orgitem> | ||
+ | <orgnode label="Item2"/> | ||
+ | <orgchildren> | ||
+ | <orgitem> | ||
+ | <orgnode label="Item3"/> | ||
+ | </orgitem> | ||
+ | <orgitem> | ||
+ | <orgnode label="Item4"/> | ||
+ | <orgchildren> | ||
+ | <orgitem> | ||
+ | <orgnode label="Item5"/> | ||
+ | </orgitem> | ||
+ | </orgchildren> | ||
+ | </orgitem> | ||
+ | </orgchildren> | ||
+ | </orgitem> | ||
+ | <orgitem> | ||
+ | <orgnode label="Item6"/> | ||
+ | </orgitem> | ||
+ | </orgchildren> | ||
+ | </orgitem> | ||
+ | </orgchildren> | ||
+ | </organigram> | ||
+ | </source> |
Revision as of 03:53, 8 August 2018
Organigram
- Java API: Organigram
- JavaScript API: Organigram
Employment/Purpose
Organigram is a component for showing organizational chart by using tree data structure, it also support TreeModel to hold data, Organigram only accept one Orgchildren as child, developers can put Orgchildren, Orgitem and Orgnode in Organigram to display data.
Example
<organigram width="600px">
<orgchildren>
<orgitem>
<orgnode label="Item1"/>
<orgchildren>
<orgitem>
<orgnode label="Item2"/>
<orgchildren>
<orgitem>
<orgnode label="Item3"/>
</orgitem>
<orgitem>
<orgnode label="Item4"/>
<orgchildren>
<orgitem>
<orgnode label="Item5"/>
</orgitem>
</orgchildren>
</orgitem>
</orgchildren>
</orgitem>
<orgitem>
<orgnode label="Item6"/>
</orgitem>
</orgchildren>
</orgitem>
</orgchildren>
</organigram>