2016-08-08 218 views
0

我想要定義縮放級別的限制,我想增加它,用戶可以在地圖上進行操作。 因爲對於我在地圖上顯示的某個國家/地區,有一些區域太小以至於形狀不可見,即使它們已正確定義到GeoJSON中,並且也有標籤覆蓋它。Highmaps最小和最大縮放級別

您可以參考下面的代碼從highmaps開發商: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/doubleclickzoomto/

$('#container').highcharts('Map', { 
     title : { 
      text : 'Zoom in on country by double click' 
     }, 
     mapNavigation: { 
      enabled: true, 
      enableDoubleClickZoomTo: true 
     }, 

     colorAxis: { 
      min: 1, 
      max: 1000, 
      type: 'logarithmic' 
     }, 

     series : [{ 
      data : data, 
      mapData: Highcharts.maps['custom/world'], 
      joinBy: ['iso-a2', 'code'], 
      name: 'Population density', 
      states: { 
       hover: { 
        color: '#BADA55' 
       } 
      } 
     }] 
    }); 

回答

0

找到了解決辦法:

兩個X軸和Y軸設置minRange屬性:

的該軸上顯示的最小範圍。就形狀路徑座標而言,整個軸不允許跨越比此更小的間隔。默認爲最小區域大小的5倍。

$('#container').highcharts('Map', { 
     title : { 
      text : 'Zoom in on country by double click' 
     }, 
     xAxis: { 
      minRange: 1 
     }, 
     yAxis: { 
      minRange: 1 
     }, 
..... 
相關問題