Versions Compared

Key

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

 

Inhalt:

Anchor
Data
Data
Optimale Datenstruktur (Datenbank):

Beschriftungminmaxopenclose
"Mon"51078
"Tue"51087
"Wen"612711
"Thu"713119
"Fri"713913

Optimale Objektstruktur (Java)

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
public class CandlestickChartObject {
	private String caption;
	private Double min;
	private Double max;
	private Double open;
	private Double close;

	public String getCaption() {
		return this.caption;
	}

	public void setCaption(final String caption) {
		this.caption = caption;
	}

	public Double getMin() {
		return this.min;
	}

	public void setMin(final Double min) {
		this.min = min;
	}

	public Double getMax() {
		return this.max;
	}

	public void setMax(final Double max) {
		this.max = max;
	}

	public Double getOpen() {
		return this.open;
	}

	public void setOpen(final Double open) {
		this.open = open;
	}

	public Double getClose() {
		return this.close;
	}

	public void setClose(final Double close) {
		this.close = close;
	}
}

Anchor
Fill
Fill
Beispiel: Füllen der Daten

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
XdevBubbleChartModelfinal ChartModel model = new XdevBubbleChartModel("Life"ChartModel.New()
	.addColumn(Column.New(Type.STRING, "Ratecaption", "Country", "People");

model.addItem("CAN", 80.66, 1.67, "North America", 33739900d);
model.addItem("GBR", 79.84, 1.36, "Europe", 81902307d);
model.addItem("USA", 72.73, 1.84, "North America", 5523095d);
model.addItem("IRN", 80.05, 4.77, "Middle East", 79716203d);
model.addItem("DEU", 68.09, 2.96, "Europe", 61801570d);
model.addItem("RUS", 81.55, 2.05, "Europe", 73137148d);
model.addItem("ISR", 78.09, 2.78, "Middle East", 31090763d);

API und Methoden:

Füllen der Daten

Code Block
languagejava
themeEclipse
firstline1
titlemodel.addItem(String value, String value2, Integer value3)
linenumberstrue
model.addItem("CAN", 80.66, 1.67, "North America", 33739900d);

//Parameter 1 ("CAN"): Beschreibung / Beschriftung der Bubbles
//Parameter 2 (80.66): Wert auf der X-Achse
//Parameter 3 (1.67): Wert auf der Y-Achse
//Parameter 4 ("North America"): Kategorie oder Gruppierung
//Parameter 5 (33739900d): Größe der Bubble

...

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
XdevBubbleChartConfig config = new XdevBubbleChartConfig();

final ChartArea area = new ChartArea();

area.setHeigth("100"); //Höhe des Pie
area.setWidth("100"); //Breite des Pie
area.setLeft("100"); //Abstand des Pie von Links in Pixel
area.setRight("100"); //Abstand des Pie von Links in Pixel
area.setTop("100"); //Abstand des Pie von Links in Pixel

config.setChartArea(area);

...

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
Bubble bubble = new Bubble();

bubble.setOpacity(0.5); //Setzen transparenz der Bubbles. Werte von 0 bis 1
bubble.setStroke("Black"); //Setzen Rahmenfarbe der Bubbles wahlweise in Kurzschreibweise ("Red") oder Farbcodes ("#FFFFFF")
bubble.setTextStyle(...); //Siehe API Allgemein "TextStyle"

config.setBubble(bubble);

...

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
XdevBubbleChartConfig config = new XdevBubbleChartConfig();

config.setBackgroundColor(...); //Siehe API Allgemein "BackgroundStyle"

//Eine Liste an Farben die dann der Reihe nach an die Kategorien vergeben werden
List<String> places = Arrays.asList("#FFFFFF", "Red", "#F4g6uz");
config.setColors(places); //Zuweisen der Farbliste

...

Caption"))
	.addColumn(Column.New(Type.NUMBER, "min value", "Lunte"))
	.addColumn(Column.New(Type.NUMBER, "max value", "Docht"))
	.addColumn(Column.New(Type.NUMBER, "open value", "Eröffnung"))
	.addColumn(Column.New(Type.NUMBER, "close value", "Schluss"));
		
model.addRow("Mon", 5, 10, 7, 8);
model.addRow("Tue", 5, 10, 8, 7);
model.addRow("Wen", 6, 12, 7, 11);
model.addRow("Thu", 7, 13, 11, 9);
model.addRow("Fri", 7, 13, 9, 13);

this.candlestickChart.setModel(model);

Anchor
Properties
Properties

API und Methoden:

Properties
Orientation

The orientation of the chart. When set to'vertical', rotates the axes of the chart so that (for instance) a column chart becomes a bar chart, and an area chart grows rightward instead of up:

Code Block
languagejava
themeEclipse

...

XdevBubbleChartConfig config = new XdevBubbleChartConfig();

config.setLegend(...); //Siehe API Allgemein "LegendOptions"
config.setTitleTextStyle(...); //Siehe API Allgemein "TextStyle"
config.setFontName(""); //Wahl der Schriftart (Schriftart muss vom Browser unterstützt werden)
config.setFontSize(15); //Setzen allgemeine Schriftgröße im Chart
config.setTitle("Sales Overview"); //Setzen ChartTitel

...

languagejava
themeEclipse
firstline1
linenumberstrue

...

candlestick.setOrientation(Orientation.VERTICAL);