/
OrgChart
OrgChart
Inhalt:
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,
Related content
OrgChart
More like this
XdevOrgChart
XdevOrgChart
More like this
BubbleChart
BubbleChart
More like this
BubbleChart
BubbleChart
More like this
LineChart
LineChart
More like this
XdevBarChart
XdevBarChart
More like this
XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.