2015-10-23 5 views
4
$('#container').highcharts('Map', { 

     title : { 
      text : 'Highmaps basic demo' 
     }, 

     subtitle : { 
      text : 'Source map: <a href="http://code.highcharts.com/mapdata/custom/africa.js">Africa</a>' 
     }, 

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

     colorAxis: { 
      min: 0 
     }, 

     series : [{ 
      data : data, 
      mapData: Highcharts.maps['custom/africa'], 
      joinBy: 'hc-key', 
      name: 'Random data', 
      states: { 
       hover: { 
        color: '#BADA55' 
       } 
      }, 
      dataLabels: { 
       enabled: true, 
       format: '{point.name}' 
      } 
     }] 
    }); 
}); 

http://jsfiddle.net/gh/get/jquery/1.11.0/highslide-software/highcharts.com/tree/master/samples/mapdata/custom/africa Я использую эту скрипку, и я хочу, чтобы получить название страны на событии нажатия на стране. Кто-нибудь может помочь мне с примером или ссылкой на API этого? Я читал API, но не мог найти, я думаю, что мне не хватает какого-то момента. заранее спасибоhighmaps получить название страны на событии нажатия

ответ

10

Довольно просто, просто добавьте это:

plotOptions:{ 
     series:{ 
      point:{ 
       events:{ 
        click: function(){ 
         alert(this.name); 
        } 
       } 
      } 
     } 
    } 

this в точке сфере представляет щелкнутую точку, Therfore у вас есть доступ к его свойствам.

http://jsfiddle.net/farz5vq2/

+0

простой и эффективный. –

+0

Также [здесь] (http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/plotoptions/series-point-events-click-url/) демонстрационная версия демонстрационного примера, показывающая открытие URL-адреса при нажатии на точку карты. – Anupam

Смежные вопросы