Versions Compared

Version Old Version 11 New Version 12
Changes made by

Christian K

Christian K

Saved on

Key

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

Inhalt:

...

Anchor
Fill
Fill
Beispiel: Füllen der Daten

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

Code Block
languagejava
themeEclipse
firstline1
linenumberstrue
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

Code Block
languagejava
themeEclipse
geoChart.setMapsApiKey("123456789wertzuiopü");


DatalessRegionColor

Color to assign to regions with no associated data.

Code Block
languagejava
themeEclipse
C
geoChart.setDatalessRegionColor("white");


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.

Code Block
languagejava
themeEclipse
Comb
geoChart.setDefaultColor("white");


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.

    Code Block
    languagejava
    themeEclipse
    geoChart.setDisplayMode(DisplayMode.MARKERS);


MarkerOpacy

The opacity of the markers, where 0.0 is fully transparent and 1.0 is fully opaque.

Code Block
languagejava
themeEclipse
Comb
geoChart.setMarkerOpacity(0.8);


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.
Code Block
languagejava
themeEclipse
jj
geoChart.setResolution(Resolution.COUNTRIES);


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.

Code Block
languagejava
themeEclipse
geoChart.setMagnifyingGlass(MagnifyingGlass.New(true, 5
));

Füllen der Daten

Code Block
languagejava
themeEclipse
firstline1
titlemodel.addItem(String value, String value2, Integer value3)
linenumberstrue
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

...

Code Block
languagejava
themeEclipse
firstline1
titlemodel.addItem(String value, String value2, Integer value3)
linenumberstrue
XdevGeoChart geoChart = new XdevGeoChart("<api-key>");

//oder

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

...

languagejava
themeEclipse
firstline1
titlemodel.addItem(String value, String value2, Integer value3)
linenumberstrue

...

)

...

);

...