当地区设置为加拿大时,我需要在地理图表上隐藏美国:
google.load('visualization','1',{'packages':['geochart']}); google.setOnLoadCallback(drawVisualization);
function 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);
}
1 回答
使用API选项,您无法真正做到这一点 . 您可以使用高级CSS选择器来隐藏SVG形状 .
添加此CSS,它将隐藏美国形状:
http://jsfiddle.net/cmoreira/mMadX
我已经构建了一个页面,其中包含有关如何在Google Geochart API中使用此技术和其他CSS技术的一些信息 . 万一有帮助,这里是链接:http://cmoreira.net/interactive-world-maps-demo/advanced-customization/