Inhalt:

Daten- / Objektstruktur
Füllen von Daten
Chartkonfiguration
- Setzen API-Key
- Konfiguration XdevGeoChart allgemein

Achtung: Für die Verwendung der XdevGeoChart oder XdevMapChart ist ein Google API-Key erforderlich. Dieser API-Key kann hier angefordert werden.

Optimale Datenstruktur (Datenbank):

Beschriftung	X-Axis
"United States"	327414000
"Japan"	126490000
"Russia"	146877088
...

Optimale Objektstruktur (Java)

public class GeoChartObject {
	private String country;
	private Integer value;

	public String getCountry() {
		return country;
	}

	public void setCountry(String country) {
		this.country = country;
	}

	public Integer getValue() {
		return value;
	}

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

Beispiel: Füllen der Daten

final ChartModel model = ChartModel.New()
.addColumn(Column.New(Column.Type.STRING, "Country"))
.addColumn(Column.New(Column.Type.NUMBER, "Popularity"));

model.addRow("Germany", 200);
model.addRow("United States", 300);
model.addRow("Brazil", 400);
model.addRow("Canada", 500);
model.addRow("France", 600);
model.addRow("RU", 700);

API und Methoden:

Properties
API Key	For some charts a API Key from Goofle is nessesary. You can get a key here: https://developers.google.com/maps/documentation/javascript/get-api-key
DatalessRegionColor	Color to assign to regions with no associated data. C
DefaultColor	The color to use when for data points in a geochart when the location (e.g., `'US'` ) is present but the value is either `null` or unspecified. This is distinct from `datalessRegionColor`, which is the color used when data is missing. Comb
DisplayMode	Which type of geochart this is. The DataTable format must match the value specified. The following values are supported: 'auto' - Choose based on the format of the DataTable. 'regions' - Color the regions on the geochart. 'markers' - Place markers on the regions. 'text' - Label the regions with text from the DataTable.
MarkerOpacy	The opacity of the markers, where 0.0 is fully transparent and 1.0 is fully opaque. Comb
Resolution	The resolution of the geochart borders. Choose one of the following values: 'countries' - Supported for all regions, except for US state regions. 'provinces' - Supported only for country regions and US state regions. Not supported for all countries; please test a country to see whether this option is supported. 'metros' - Supported for the US country region and US state regions only. jj
MagnifyingGlass	If true, when the user lingers over a cluttered marker, a magnifiying glass will be opened. Note: this feature is not supported in browsers that do not support SVG, i.e. Internet Explorer version 8 or earlier. geoChart.setMagnifyingGlass(MagnifyingGlass.New(true, 5));

Füllen der Daten

model.addItem(String value, String value2, Integer value3)

model.addRow("United States", 327414000);

//Parameter 1 ("United States"): Ein valider Länder- oder Städtename
//Parameter 2 (327414000): Benötigter Wert z.B. Einwohner

Hier finden Sie eine Liste aller validen Codes und Countries: Ländercodes

Setzen API-Key (erforderlich)

model.addItem(String value, String value2, Integer value3)

XdevGeoChart geoChart = new XdevGeoChart("<api-key>");

//oder

XdevGeoChart geoChart = new XdevGeoChart();
geoChart.setApiKey("<api-key>");

Konfiguration des XdevGeoCharts

model.addItem(String value, String value2, Integer value3)

XdevGeoChartConfig config = new XdevGeoChartConfig();

//"world" - Ein Chart welches die gesamte Welt anzeigt
//Ein Kontinent oder Subkontinent, definiert über den 3 stelligen Ländercode z.B. "011" für Western Africa.
//Ein Land, definiert über seinen ISO 3166-1 alpha-2, z.B. "AU" für Australien.
config.setRegion("world");

//"auto" - Wählt den Mode automatisch auf Basis der Daten
//"regions" - Färbt die jeweiligen Region ein
//"markers" - Setzt Markierungen auf die Karte
//"text" - Beschriftung der Region mit Werten aus der Storage
config.setDisplayMode("regions"); //