Скрыть США в google geochart, если выбран регион Канада

Мне нужно скрыть США на географической карте, когда выбран регион Канада:

google.load ('визуализация', '1', {'пакеты': ['geochart']}); google.setOnLoadCallback (drawVisualization);

функция drawVisualization () {var data = new google.visualization.DataTable ();

 data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

 data.addRows([[{v:'CA-BC',f:'CA-BC'},0,'Test']]);

 var options = {
 backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
 colorAxis:  {minValue: 0, maxValue: 0,  colors: ['#0000ff',]},
 legend: 'none',    
 backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },    
 datalessRegionColor: '#f5f5f5',
 displayMode: 'markers', 
 enableRegionInteractivity: 'true', 
 resolution: 'provinces',
 region:'CA',
 keepAspectRatio: true,
 width:700,
 height:500,
 tooltip: {textStyle: {color: '#444444'}, trigger:'focus'}    
 };
  var chart = new google.visualization.GeoChart(document.getElementById('visualization')); 
 chart.draw(data, options);
 }

http://jsfiddle.net/jk171505/VJtBR/


region google-visualization regions
person El Kopyto    schedule 06.06.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

С опциями API вы действительно не можете этого сделать. Вы можете использовать расширенные селекторы CSS, чтобы скрыть фигуры SVG.

Добавьте этот CSS, и он скроет фигуры США:

#visualization path:nth-child(237), #visualization path:nth-child(236) {
    display:none;    
}

http://jsfiddle.net/cmoreira/mMadX

Я создал страницу с некоторой информацией о том, как использовать этот и другие методы CSS с Google Geochart API. Если это поможет, вот ссылка: http://cmoreira.net/interactive-world-maps-demo/advanced-customization/

person CMoreira    schedule 09.06.2013
comment
Я сделал нечто подобное, но с помощью jquery. - person El Kopyto; 19.06.2013