我正在使用Highmap,并通过在minRange属性中设置xAxis属性来限制缩放范围。
这限制了缩放因子,但当缩放过大时,除非拖动地图,否则不会再次放大。更准确地说,它允许你放大直到x轴完全可见,但是如果你的视口太宽,无法在这个特定的缩放步骤中显示地图的整个y-范围,你只能得到一个水平条纹。
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=world-population-density.json&callback=?', function (data) {
// Initiate the chart
$('#container').highcharts('Map', {
title : {
text : 'Zoom in on country by double click'
},
mapNavigation: {
enabled: true,
enableDoubleClickZoomTo: true
},
colorAxis: {
min: 1,
max: 1000,
type: 'logarithmic'
},
xAxis: {
minRange: 5000 // <- prevent zooming in too much
},
series : [{
data : data,
mapData: Highcharts.maps['custom/world'],
joinBy: ['iso-a2', 'code'],
name: 'Population density',
states: {
hover: {
color: '#BADA55'
}
},
tooltip: {
valueSuffix: '/km²'
}
}]
});
});
});您可以在这里看到一个工作演示:http://jsfiddle.net/b9d0ry3t/
这是一个标准的Highmap演示,我只是在xAxis上添加了xAxis,而不是其他任何东西。
发布于 2015-06-05 04:10:35
最近的高级地图更新(2015年2月)解决了这一问题和许多其他问题。
https://stackoverflow.com/questions/28415604
复制相似问题