2014-02-11 6 views
0

내가 다른 값의 하나 개의 데이터 세트 만 표시 라벨 JVectorMap 및 색상 영역을 사용하려는 말한다 다른 값을 하나 개의 데이터 세트 만 표시 라벨 컬러 지역에 가능하다JVectorMap 제목으로

  $(function(){ 

$('#world-map-gdp').vectorMap({ 
    map: 'world_mill_en', 
     backgroundColor: 'transparent', 
    series: { 
    regions: [{ 
     values: gdpData, 

     scale: ['#FFDD00', '#FF0000'], 
     normalizeFunction: 'polynomial' 
    }] 
    }, 
    onRegionLabelShow: function(e, label, code){ 
    label.html(label.html()+' (U.S. troops present are '+gdpData[code]+')'); 
    } 
}); 
     }); 

는 다음이 그래서 기본적으로 내가 규모에 75의 값을 사용하여 미국의 색상과 내가 위로 마우스를 이동 할 때 3,011,302의 값을 보여주고 싶은 내가

var gdpData = { 
"US" :3011302, 75, 
"IQ" :0, 74, 
"IR" :0, 73, 
"IF" :0, 72, 
"JP" :54437, 71, 
"DE" :49104, 70, 
"GB" :13062, 69, 
"IT" :11963, 68, 

를 호출하고 데이터의 샘플입니다.

누군가가 손을 빌려줄 수 있다면 크게 감사하겠습니다. 덕분에 .

답변

0

당신은 두 개의 데이터 샘플을 사용한다 :

var dataForLabel = { 
"US" :3011302, 
"IQ" :0, 
"IR" :0, 
"IF" :0, 
"JP" :54437, 
"DE" :49104, 
"GB" :13062, 
"IT" :11963 } 

var dataForScale = { 
"US" :75, 
"IQ" :74, 
"IR" :73, 
"IF" :72, 
"JP" :71, 
"DE" :70, 
"GB" :69, 
"IT" :68 } 

그런

regions: [{ 
    values: dataForScale, 
    //... 

그리고

onRegionLabelShow: function(e, label, code){ 
    label.html(label.html()+' (U.S. troops present are '+dataForLabel[code]+')'); 
}