Highmaps標籤顯示位置不正確

-1

我創建了一個包含基本配置的簡單地圖。標籤顯示在不正確的位置。任何想法？Highmaps標籤顯示位置不正確

var map_chart; 
 

 
function init_map(){ 
 
\t 
 
    map_chart = new Highcharts.chart({ 
 
\t \t 
 
     chart: { 
 
      type: 'map', 
 
\t  renderTo: 'map_container' 
 
     }, 
 

 
     series: [{ 
 
      mapData: Highcharts.maps['custom/world'], 
 
      dataLabels: { 
 
       enabled: true, 
 
       format: '{point.name}' 
 
      } 
 
     }] 
 
    }); 
 

 
} 
 

 
$(document).ready(function() { 
 
\t 
 
\t init_map(); 
 

 
});

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/maps/modules/map.js"></script> 
 
<script src="https://code.highcharts.com/mapdata/custom/world.js"></script> 
 

 
<div id="map_container"> 
 
</div>

來源

2017-02-25 Michele

-1

這似乎是已開始的highmaps對象是如何造成的。

與

map_chart = new Highcharts.Map({

更換

map_chart = new Highcharts.chart({

解決了這個問題，JSFiddle

來源

2017-02-25 12:47:05 Michele

-1

對於創建地圖的適當的方式使用Map collection

從highmaps文檔

在地圖集合參考，每個地圖名稱之後是鏈接到一個例。查看本示例的源代碼以開始使用。簡而言之，地圖的GeoJSON版本將加載到頁面中的腳本標記中。然後將此GeoJSON對象註冊到Highcharts.maps對象，並將其應用於圖表設置中的mapData選項。

添加地圖作爲一個JavaScript元素：

<script src="http://code.highcharts.com/mapdata/custom/world.js"> 您可以在http://code.highcharts.com/mapdata/1.1/custom/world.js或者鏈接到地圖的特定版本或顛覆。

負載它在series.mapData：

屬於MapData：Highcharts.maps [ '定製/世界']，或者，可以爲所有的默認地圖系列與chart.map選項：

地圖：「定製/世界

加入與地圖數據。默認情況下，Highmaps設置爲將數據映射到地圖集合的hc-keyproperty，從而允許您像這樣定義數據：

data：[['us-ny'，0]，['' us-tx'，3]，['us-ak'，5]] 有關其他數據連接選項，請參閱series.joinBy和series.keys選項。

Fiddle演示鏈接

來源

2017-02-25 08:38:44

而不是複製和粘貼從highcharts.com能否請您解釋一下我的代碼哪一部分是不正確的，如何解決？此外，上面粘貼的三個步驟，都是在我的腳本 – Michele

之後，你可以通過小提琴鏈接看到你做了什麼錯誤。我只是通過文檔並做了文章。並感謝下降投票**砰砰： - ）** –

我也經歷了文件，這是預料之前問一個問題。一個答案應該有更多的參考文件和/或鏈接到小提琴 – Michele

Highmaps標籤顯示位置不正確

回答

相關問題