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

Question

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

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/

Answer 1

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

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

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

http://jsfiddle.net/cmoreira/mMadX

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