如何在highmaps上懸停顯示多個數據？

Question

如何使用highmaps顯示懸停在地圖上的multipe數據？

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: '' 
        } 
       }] 

但是當我們想在顯示multple DATAS盤旋，我們能做什麼？

的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。