highmaps在点击事件中获取国家/地区名称

时间:2015-10-23 22:51:13

标签: onclick highmaps

$('#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但找不到,我想我错过了一些观点。 提前谢谢

1 个答案:

答案 0 :(得分:12)

非常简单,只需添加:

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

点范围中的this代表点击的点,因此您可以访问它的属性。

http://jsfiddle.net/farz5vq2/