Inhalt:

Optimale Datenstruktur
Beispiel: Füllen der Daten

Optimale Datenstruktur (Datenbank):

Kategorie / Beschriftung	Eltern Kategorie	Tooltip

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

Properties
AllowCollapse	Event triggered when `allowCollapse` is set to `true` and the user double clicks on a node with children. `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("...");`

OrgChart

Inhalt:

Optimale Datenstruktur (Datenbank):

Optimale Objektstruktur (Java)

Beispiel: Füllen der Daten

API und Methoden: