2016-03-23 8 views
0

私は地図を表示するためにamChartsを使用しています。アイコンをクリックした後、線で定義されたすべての「説明」タグを拡大して表示したい。私は一度に多くの説明を表示するためにプロパティmap.allowMultipleDescriptionWindows = true;を追加しました。次に、クリックイベントを処理するためにリスナーを追加しましたが、それはループにつながっていました。AmChartsすべてのラインの説明を表示

ズームイベントでコードを編集しました。「3」アイコンをクリックすると、すべてのラインオブジェクトが表示され、map.clickMapObject(line);にコールされましたが、説明がカーソル位置に表示され、ここのようにライン位置:

amCharts example

これを解決するための任意の解決策はありますか?

map.dataProvider.areas = [ 
      { 
       id: "CZ", 
       "title": "Czech republic", 
       "lines": [ 
        { 
         id: PLarrowId, 
         groupId: groupId, 
         "arc": 0, 
         "selectable": true, 
         "color": "rgba(0,0,0,0.8)", 
         "thickness": 2.8, 
         "dashLength": 0, 
         "longitudes": [ 
          26.9098, 
          31.8658 
         ], 
         "latitudes": [ 
          53.851, 
          55.8603 
         ], 
         "arrow": "start", 
         "arrowSize": 16.8, 
         "description": "<table><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></table>", 
         "title": "Table 2" 
        }, 

答えて

0

は、ソリューションが説明ウィンドウのプロパティを設定することでしたdescriptionWindowLeftdescriptionWindowTop、ハードコード: これは私がラインと説明を定義する方法です。ドキュメントのため、これらが設定されていない場合、説明はマウスポインタの近くに配置されます

http://docs.amcharts.com/3/javascriptmaps/MapLine#descriptionWindowLeft

関連する問題