Pergunta sobre amCharts: WordPress Charts and Maps: Texto exibido permanentemente nos mapas de todos os países

Um usuário perguntou ?

Olá,

Desejo exibir texto específico do país permanentemente. Insirai as informações como “customData” e só quero exibir esse texto na parte superior do país sem passar o mouse sobre o país inteiro. é possível?

Obrigado,

‘var map = AmCharts.makeChart(“$ CHART $”, {“type”: “map”, “theme”: “light”, “export”: {“enabled”: true}, “dataProvider”: {“map ”:“ WorldHigh ”,“ zoomLevel ”: 3.5,” zoomLongitude ”: 10,” zoomLatitude ”: 52,” campos ”: [ {
“title”: “Austria”,
“id”: “AT”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “Belgium”,
“id”: “BE”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “France”,
“id”: “FR”,
“value”: 116,
“customData”: “81.1%”,
“color”: “#16ba3f”
}, {
“title”: “Germany”,
“id”: “DE”,
“value”: 133,
“customData”: “93%”,
“color”: “#16ba3f”
}, {
“title”: “Ireland”,
“id”: “IE”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “Italy”,
“id”: “IT”,
“value”: 84,
“customData”: “58.7%”,
“color”: “#ffbb00”
}, {
“title”: “Luxembourg”,
“id”: “LU”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “Netherlands”,
“id”: “NL”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “Portugal”,
“id”: “PT”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “Spain”,
“id”: “ES”,
“value”: 75,
“customData”: “52.4%”,
“color”: “#ffbb00”
}, {
“title”: “Switzerland”,
“id”: “CH”,
“value”: “”,
“customData”: “”,
“color”: “#CCCCCC”
}, {
“title”: “UK”,
“id”: “GB”,
“value”: 68,
“customData”: “47.6%”,
“color”: “#ff0000”
}
]
}, “AreaSettings”: {“rollOverOutlineColor”: “#0055a5”, “alpha”: 0.8, “labelText”: “ dados personalizados «,»UnlistedAreasAlpha «: 0,»balloonText «:» qualificação
Número de OMPs reembolsados: valor
customData% ”,“ AutoZoom ”: falso,“ selecionável ”: falso}}); ‘

(@martynasma)

3 anos, 2 meses atrás

Tecnicamente, não há função integrada para exibir automaticamente o texto com a área.

No entanto, você pode usar Imagem do mapa coisas com rótulos para colocar qualquer texto em qualquer lugar. O problema é que você tem que colocá-lo usando coordenadas específicas de latitude/longitude.

Sugiro que veja este exemplo:

Possui código que coloca automaticamente um ID de área no centro dessa área.

Deve ser fácil de modificar para exibi-lo. customData em lugar.

Deixe-me saber se você precisa de uma mão com isso.

(@samir1000)

3 anos, 2 meses atrás

Obrigado. Já tentei antes e o problema é que países como a Espanha, que tem algumas ilhas no meio do rótulo, se mudam, mas é melhor que nada.

Você pode me ajudar a modificá-lo para exibi-lo? customData em vez de identificação?

desde já, obrigado

(@martynasma)

3 anos, 2 meses atrás

Sim, você pode ter que modificar manualmente as coordenadas da tag para alguns países, já que as pessoas que estão mortas no meio não fazem sentido, uma linha para a Espanha.

Se você olhar para o código, verá que pode substituir a latitude ou longitude para alguns IDs de área aqui: (para a Espanha seria ES)

  // set up a longitude exceptions for certain areas
  var longitude = {
    "US-CA": -130,
    "US-FL": 120,
    "US-TX": 1,
    "US-LA": 40
  };
  
  var latitude = {
    "US-AK": -85
  };

usando customData em vez de fácil identificação. Mude isso:

image.label = area.id.split('-').pop();

Anexar:

image.label = area.customData