Javascript 如何使用highmaps在悬停时显示多个数据?

Javascript 如何使用highmaps在悬停时显示多个数据?,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,如何使用highmaps在悬停地图上显示多个数据 通常我们可以显示如下数据: var data = []; $.each(columns[0], function (i, code) { data.push({ code: code, value: columns[3][i], name: columns[2][i], hasta:columns[4][i]

如何使用highmaps在悬停地图上显示多个数据

通常我们可以显示如下数据:

 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: ''
                    }
                }]
但当我们想在悬停时显示多个数据时,我们能做什么


jsidle:

与常规highcharts图形的工作原理相同。只需定义客户工具提示:

工具提示:{
格式化程序:函数(){
var s=this.key+'
'; s+='值:'+this.point.Value+'
'; s+='Hasta:'+this.point.Hasta; 返回s; }, },

更新。

与常规海图图形的工作原理相同。只需定义客户工具提示:

工具提示:{
格式化程序:函数(){
var s=this.key+'
'; s+='值:'+this.point.Value+'
'; s+='Hasta:'+this.point.Hasta; 返回s; }, },

更新。

与常规海图图形的工作原理相同。只需定义客户工具提示:

工具提示:{
格式化程序:函数(){
var s=this.key+'
'; s+='值:'+this.point.Value+'
'; s+='Hasta:'+this.point.Hasta; 返回s; }, },

更新。

与常规海图图形的工作原理相同。只需定义客户工具提示:

工具提示:{
格式化程序:函数(){
var s=this.key+'
'; s+='值:'+this.point.Value+'
'; s+='Hasta:'+this.point.Hasta; 返回s; }, },
更新。

不为我工作;(在您的jsfiddle示例中,格式化程序函数非常不同,不适用于我;(在您的jsfiddle示例中,格式化程序函数非常不同,不适用于我;(在您的jsfiddle示例中,格式化程序函数非常不同,不适用于我;(在您的jsfiddle示例中,格式化程序函数非常不同。)
             tooltip: {
                 formatter: function(){
                     var s = this.key + '<br/>';
                     s += 'Value:' + this.point.value + '<br/>';
                     s += 'Hasta:' + this.point.hasta;
                     return s;
                 },
             },