javascript - 如何使用 Highcharts 在悬停时显示多个数据？

Question

如何使用高 map 在 map 上悬停时显示多个数据？

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

通常我们可以这样显示数据:

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

        });
    });

但是这仅允许使用 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: ''
                    }
                }]

但是当我们想在悬停时显示多个数据时，我们能做什么？

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

Answer 1

与常规 Highcharts 图表的工作方式相同。只需定义客户工具提示 formatter :

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

已更新fiddle .