Как я могу отображать области с использованием HighCharts GeoMaps?

Question

Я использую HighCharts GeoMaps. Я заинтересован в построении следующих регионов на карте мира:

• Восточной Азии & Тихого океана
• Европа & Центральная Азия
• Латинская Америка & Карибский
• Ближний Восток & Северная Африка
• Северная Америка
• Южная Азия

Пробовал ли кто-нибудь раньше? Пожалуйста, предоставьте скрипту, если у кого-нибудь есть решение для этого.

Спасибо заранее.

Edit:

Я исследовал примеры highmaps и я создал fiddle, чтобы решить эту проблему. В вышеприведенной скрипке области ошибочно рисуются, и полная карта мира не отображается. Может кто-нибудь указать, где я ошибаюсь?

$(function() { 

// Prepare demo data 
var data = [ 
    { 
     "region": "South America", 
     value: 3 
    }, 
    { 
     "region": "East Asia & Pacific", 
     value: 10 
    }, 
    { 
     "region": "Europe & Central Asia", 
     value: 12 
    }, 
    { 
     "region": "Latin America & Caribbean", 
     value: 8 
    }, 
    { 
     "region": "Middle East & North Africa", 
     value: 9 
    }, 
    { 
     "region": "North America", 
     value: 20 
    }, 
    { 
     "region": "South Asia", 
     value: 17 
    } 
]; 


// Initiate the chart 
$('#container').highcharts('Map', { 

    mapNavigation: { 
     enabled: true, 
     buttonOptions: { 
      verticalAlign: 'bottom' 
     } 
    }, 

    colorAxis: { 
     min: 0 
    }, 

    series: [{ 
     data: data, 
     mapData: Highcharts.maps['custom/world'], 
     joinBy: ["region-wb","region"], 
     allAreas: true, 
     name: 'Random data', 
     states: { 
      hover: { 
       color: '#BADA55' 
      } 
     }, 
     dataLabels: { 
      enabled: true, 
      format: '{point.name}' 
     } 
    }] 
}); 

});

Answer 1

Этот метод вы ищете?

http://www.highcharts.com/docs/maps/custom-maps