사용자 정의 툴팁 JQVMap

Question

일부 데이터를 시각화하는 JQVMap가 있습니다. 지도의 각 국가는 특정 색상이며 0-10의 특정 숫자를가집니다.

기본 툴팁을 표시하는 방법을 알고 있는데 showTooltip을 true으로 바꾸면 국가 이름이 onmouseover으로 표시됩니다. 이 툴팁에 각 국가에 해당하는 번호를 어떻게 표시 할 수 있습니까?

감사합니다.

Answer 1

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!!"; 
        } 
       },     
      }); 
     });