OrgChart
Inhalt:
- Optimale Datenstruktur
- Beispiel: Füllen der Daten
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)
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;
}
}
Beispiel: Füllen der Daten
final ChartModel model = ChartModel.New()
.addColumn(Column.New(Type.STRING, "caption", "Caption"))
.addColumn(Column.New(Type.STRING, "parent", "Parent"))
.addColumn(Column.New(Type.STRING, "tooltip", "Tooltip"));
model.addRow("Company", "", "");
model.addRow("QA", "Company", "QA");
model.addRow("Sales", "Company", "Sales");
model.addRow("Marketing", "Company", "Marketing");
model.addRow("Developement", "Company", "Developement");
model.addRow("Production", "Company", "Production");
model.addRow("Employee 1", "QA", "Employee");
model.addRow("Employee 2", "QA", "Employee");
model.addRow("Employee 3", "QA", "Employee");
model.addRow("Employee 4", "Sales", "Employee");
model.addRow("Employee 5", "Sales", "Employee");
model.addRow("Employee 6", "Sales", "Employee");
model.addRow("Employee 7", "Sales", "Employee");
model.addRow("Employee 8", "Marketing", "Employee");
model.addRow("Employee 9", "Developement", "Employee");
model.addRow("Employee 10", "Developement", "Employee");
model.addRow("Employee 11", "Production", "Employee");
model.addRow("Employee 12", "Production", "Employee");
orgChart.setModel(model);
API und Methoden:
Properties | |
|---|---|
| AllowCollapse | Event triggered when orgChart.setAllowCollapse(true); |
| AllowHTML | If set to true, names that includes HTML tags will be rendered as HTML. orgChart.setAllowHtml(true); |
| Size | 'small', 'medium' or 'large' orgChart.setSize(Size.MEDIUM); |
| NodeClass | A class name to assign to node elements. Apply CSS to this class name to specify colors or styles for the chart elements. orgChart.setNodeClass("...");
|
| 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. orgChart.setSelectedNodeClass("...");
|
, multiple selections available,
XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.