G'day,
when I create a map with this code:
shapeData: new ej.maps.MapAjax('./src/maps/map-data/world-map.json'),
shapePropertyPath: 'name',
shapeDataPath: 'name',
...
shapeSettings: {
colorValuePath: 'value',
colorMapping: [
{
from: 0, to: 0, color: ['gray', 'green', 'blue', 'yellow', 'red'],
},
],
},
and use this world-map.json:
{ "type": "Feature", "properties": { "countryCode": "AF", "admin": "Afghanistan", "name": "Afghanistan",
{ "type": "Feature", "properties": { "countryCode": "AO", "admin": "Angola", "name": "Angola",
.....
and the provided dataSource looks like this:
[{"name": "China", "value": 1, "countryCode": "CN"}, {"name": "New Zealand", "value": 1, "countryCode": "NZ"}, {"name": "United States", "value": 2, "countryCode": "US"}]
I receive the below - as expected - chart:
############
If I make this change though (I substitute 'name' with countryCode):
shapeData: new ej.maps.MapAjax('./src/maps/map-data/world-map.json'),
shapePropertyPath: 'countryCode',
shapeDataPath: 'countryCode',
The label 'United States' gets changed to the countryCode 'US' (while all other countries not in the dataSource, e.g. Mexico in the above picture), remains unchanged and still display the full country name.
I cannot find a way that a country that is now shown in a different colour still gets displayed with full country name, e.g. United States (and _not_ 'US') and would appreciate any help!
Thank you,
Daniel
