Versions Compared

Old Version 4

changes.mady.by.user Christian K

Saved on

compared with

New Version Current

changes.mady.by.user Manuel

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

  

Inhalt:

    • Optimale Datenstruktur
    • Beispiel: Füllen der Daten

Anchor
Data
Data
Optimale Datenstruktur (Datenbank)

KategoryWert
Bverages393
Condiments507
Confections386

Optimale Objektstruktur (Java)

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
public class PieChartObject {
	private String category;
	private Integer value;

	public String getCategory() {
		return this.category;
	}

	public void setCategory(final String category) {
		this.category = category;
	}

	public Integer getValue() {
		return this.value;
	}

	public void setValue(final Integer value) {
		this.value = value;
	}
}

Anchor
Fill
Fill
Beispiel: Füllen der Daten

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
final XdevPieChartModelChartModel model = new XdevPieChartModel() ChartModel.New()
	.addColumn(Column.New(Type.STRING))
	.addColumn(Column.New(Type.NUMBER));

model.addItemaddRow("BeveragesKatze", 393, null50);
model.addItemaddRow("CondimantsHund", 507, null25);
model.addItemaddRow("ConfectionsSchlange", 386, null25);

chartthis.pieChart.setModel(model);

oder per Schleife aus Query-Methode:

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
final XdevPieChartModelChartModel model = new XdevPieChartModel()ChartModel.New()
	.addColumn(Column.New(Type.STRING))
	.addColumn(Column.New(Type.NUMBER));

new ProductDAO().getProductsByCategoryForChart().forEach(p -> {
       model.addItemaddRow(p.getCategory().getCategoryname(), (int) p.getAmount(), null);
});

chart.setModel(model);

API und Methoden:

Anchor
Common
Common
Konfiguration "XdevPieChartConfig" allgemein:

Properties
PieHole

If between 0 and 1, displays a donut chart. The hole with have a radius equal to number times the radius of the chart.

Code Block
languagejava
themeEclipse

...

model.addItem("Beverages", 393, null);

//Parameter 1 ("Beverages"): Wert als Kategoriebenennung für die "Kuchenstücke" 
//Parameter 2 (393): Wert für die Größe der Stücke. Zulässige Datentypen: Integer, Double
//Parameter 3 (Slice): Konfigurationsobjekt für dieses "Kuchenstück". Ist keine besondere Konfiguration notwendig wird einfach NULL übergeben.

...

pieChart.setPieHole(0.5);


PieStartAngle

The angle, in degrees, to rotate the chart by. The default of 0 will orient the leftmost edge of the first slice directly up.

Code Block
languagejava
themeEclipse
pieChart.setPieStartAngle(60);


PieSliceBorderColor

The color of the slice borders. Only applicable when the chart is two-dimensional.

Code Block
languagejava
themeEclipse
pieChart.setPieSliceBorderColor("red");


PieSliceText

The content of the text displayed on the slice. Can be one of the following:

  • 'percentage' - The percentage of the slice size out of the total.
  • 'value' - The quantitative value of the slice.
  • 'label' - The name of the slice.

'none' - No text is displayed

Code Block
languagejava
themeEclipse

...

pieChart.setPieSliceText(PieSliceText.PERCENTAGE);


SliceVisibilityThreshold

The fractional value of the pie, below which a slice will not show individually. All slices that have not passed this threshold will be combined to a single "Other" slice, whose size is the sum of all their sizes. Default is not to show individually any slice which is smaller than half a degree.

Code Block
languagejava
themeEclipse
pieChart.setSliceVisibilityThreshold(25);


Is3D

If true, displays a three-dimensional chart.

Code Block
languagejava
themeEclipse
pieChart.setIs3D(true);