2013-03-30 102 views
4

我有一個JQVMap正在流通可視化一些數據。地圖上的每個國家都是特定的顏色,並且具有0-10的特定數字。自定義工具提示JQVMap

我知道如何顯示默認工具提示,您只需將showTooltip切換爲true,並顯示國家名稱onmouseover。我怎樣才能在這些工具提示上顯示與每個國家相對應的編號?

謝謝。

回答

6

onLabelShow有一個事件。從文檔...

onLabelShow功能(事件,標籤,代碼)

回調函數,將標籤之前被稱爲所示。標籤 DOM對象和國家代碼將作爲 參數傳遞給回調。

也許像這樣的東西可以爲你工作?

$(document).ready(function() { 
      jQuery('#vmap').vectorMap({ 
       map: 'usa_en', 
       selectedRegion: 'co', 
       backgroundColor: '#ffffff', 
       color: '#E6E7E9', 
       hoverColor: '#03235E', 
       enableZoom: false, 
       showTooltip: true, 
       onLabelShow: function(event, label, code) { 
        if (states.toLowerCase().indexOf(code) <= -1) { 
         event.preventDefault(); 
        } else if (label[0].innerHTML == "Colorado") { 
         label[0].innerHTML = label[0].innerHTML + " - The state where I live!!"; 
        } 
       },     
      }); 
     });