Inhalt:
- Daten- / Objektstruktur
- Füllen von Daten
- Chartkonfiguration
- Optimale Datenstruktur
- Beispiel: Füllen der Daten
| Anchor | ||||
|---|---|---|---|---|
|
Optimale Datenstruktur (Datenbank):
Kategorie / Beschriftung | Eltern Kategorie | Tooltip |
|---|---|---|
| "Company" | "" | "Company" |
| "QA" | "Company" | "QA" |
| "Marketing" | "Company" | "Marketing" |
| "Employee 1" | "Marketing" | "Employee 1" |
| "Employee 2" | "Marketing" | "Employee 2" |
Optimale Objektstruktur (Java)
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
public class BubbleChartObject {
private String name;
private String root;
private String tooltip;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getRoot() {
return root;
}
public void setRoot(String root) {
this.root = root;
}
public String getTooltip() {
return tooltip;
}
public void setTooltip(String tooltip) {
this.tooltip = tooltip;
}
} |
| Anchor | ||||
|---|---|---|---|---|
|
Beispiel: Füllen der Daten
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
XdevOrgChartModelfinal ChartModel model = new XdevOrgChartModel() ChartModel.New() .addColumn(Column.New(Type.STRING, "caption", "Caption")) .addColumn(Column.New(Type.STRING, "parent", "Parent")) .addColumn(Column.New(Type.STRING, "tooltip", "Tooltip")); model.addItemaddRow("Company", "", ""); model.addItemaddRow("QA", "Company", "QA"); model.addItemaddRow("Sales", "Company", "Sales"); model.addItemaddRow("Marketing", "Company", "Marketing"); model.addItemaddRow("Developement", "Company", "Developement"); model.addItemaddRow("Production", "Company", "Production"); model.addItemaddRow("Employee 1", "QA", "Employee"); model.addItemaddRow("Employee 2", "QA", "Employee"); model.addItemaddRow("Employee 3", "QA", "Employee"); model.addItemaddRow("Employee 4", "Sales", "Employee"); model.addItemaddRow("Employee 5", "Sales", "Employee"); model.addItemaddRow("Employee 6", "Sales", "Employee"); model.addItemaddRow("Employee 7", "Sales", "Employee"); model.addItemaddRow("Employee 8", "Marketing", "Employee"); model.addItemaddRow("Employee 9", "Developement", "Employee"); model.addItemaddRow("Employee 10", "Developement", "Employee"); model.addItemaddRow("Employee 11", "Production", "Employee"); model.addItemaddRow("Employee 12", "Production", "Employee"); orgChart.setModel(model); |
| Anchor | ||||
|---|---|---|---|---|
|
API und Methoden:
...
Properties | |||||||
|---|---|---|---|---|---|---|---|
| AllowCollapse | Event triggered when
|
...
|
...
|
...
|
...
| |||||||||
| AllowHTML | If set to true, names that includes HTML tags will be rendered as HTML.
|
...
|
...
| |||||||
| Size | 'small', 'medium' or 'large'
|
...
|
...
| ||||||||||
| NodeClass | A class name to assign to node elements. Apply CSS to this class name to specify colors or styles for the chart elements.
| |||||||||
| SelectedNodeClass | A class name to assign to selected node elements. Apply CSS to this class name to specify colors or styles for selected chart elements.
|