Google 차트 : 클릭시 지역 색상 변경

Google 차트를 사용하여지도에서 작업하고 있습니다.Google 차트 : 클릭시 지역 색상 변경

누군가가 지역을 클릭하면 모든 영역이 불투명도를 변경하고 클릭 된 것은 불투명도를 유지합니다.

그것은 정확히 같은 있지만, 지역에 대한의 : https://developers.google.com/chart/interactive/docs/gallery/columnchart#creating-material-column-charts

너희들은 어디서부터 시작하는 지 알고 있나요? 현재 선택한 항목을 검색 할 수 있습니다. 쉽습니다 ...하지만 지금은이지만 중 하나를 선택하고 은으로 변경해야합니다. 모든 항목을 개 검색해야합니다.

미리 감사드립니다. colorAxis 설정 옵션을 사용하여

출처

2016-08-10 Camille

코드 조각을 공유 할 수 있습니까? –

미안해 해적 X, 나는 WhiteHat이 일을 한 나의 링크를 올릴 시간이 없었다. 고마워 !! – Camille

는
는 ...

가 작업 조각 다음을 참조 다시 0으로 남아있는 영역을 다시 선택 영역에

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Country', 'Popularity'], 
 
     ['England', 0], 
 
     ['Wales', 0], 
 
     ['Scotland', 0], 
 
     ['Ireland', 0], 
 
    ]); 
 

 
    var options = { 
 
     colorAxis: { 
 
     minValue: 0, 
 
     colors: ['#FFEBEE', '#B71C1C'] 
 
     }, 
 
     region: 'GB', 
 
     resolution: 'provinces' 
 
    }; 
 

 
    var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
 

 
    google.visualization.events.addListener(chart, 'select', function() { 
 
     for (var i = 0; i < data.getNumberOfRows(); i++) { 
 
     if (i === chart.getSelection()[0].row) { 
 
      data.setValue(i, 1, 100); 
 
     } else { 
 
      data.setValue(i, 1, 0); 
 
     } 
 
     } 
 
     chart.draw(data, options); 
 
    }); 
 

 
    chart.draw(data, options); 
 
    }, 
 
    packages:['geochart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<script src="https://www.google.com/jsapi"></script> 
 
<div id="chart_div"></div>

을 더 높은 번호를 할당

출처

2016-08-10 19:59:27 WhiteHat

야, 너는 모든 Google 차트 질문에 대해 안다. 너의 큰 팬. 너는 어떻게 그렇게 많이 배웠는지 말할 수 있니? 나는 그것을 배우고 있지만, 배운 사람으로부터지도를 받고 싶습니다. –

감사합니다! 여기에 도움이, 나는 자바 스크립트와 함께 많은 경험을 가지고 있고 내 직장에서 몇 년 전에 Google 차트를 사용하여 발견하고 시작했다. 그래서 나는 그것을 이해하기 위해 많은 시행 착오를 겪었습니다. 더하기 질문에 대답 해 내 기술을 날카롭게 유지하고 내 코드베이스에 추가합니다. 언제든지 질문이 있으시면 언제든지 나를 때리는 것이 좋습니다 ... – WhiteHat

내가 당신과 채팅 할 수있는 방법이 있습니까? 여기를 둘러보기가 힘듭니다. –

Google 차트 : 클릭시 지역 색상 변경

답변

관련 문제