如何在高地图上显示悬停数据？

Question

How can show multipe datas on hover on map with highmaps?

http://www.highcharts.com/maps/demo

Normally we can show data like this:

 var data = [];
    $.each(columns[0], function (i, code) {
        data.push({
            code: code,
            value: columns[3][i],
            name: columns[2][i],
            hasta:columns[4][i]

        });
    });

But this allow only one type data with joinBy:

 series : [{
                    data : data,
                    mapData: Highcharts.maps['countries/tr/tr-all'],
                    joinBy: ['hc-key','name'],
                    animation: true,
                    name: 'Diyaliz Verileri',
                    states: {
                        hover: {
                            color: '#BADA55'
                        }
                    },
                    tooltip: {
                        valueSuffix: ''
                    }
                }]

But When we want to show multple datas on hover , What we can do?

jsfiddle: http://jsfiddle.net/CMengineer/j9mujnnz/

Answer 1

Works the same as a regular highcharts graph. Just define a customer tooltip formatter :

             tooltip: {
                 formatter: function(){
                     var s = this.key + '<br/>';
                     s += 'Value:' + this.point.value + '<br/>';
                     s += 'Hasta:' + this.point.hasta;
                     return s;
                 },
             },

Updated fiddle .