反饋已提交

網絡繁忙

圖表縮放等級--重複

一、概述

  1. 透過js超級連結,選擇地圖層級後可直接跳轉至該層級。效果如下。

  2. 注:此功能不支援行動端。

1.gif

二、實現思路

  1. 可透過如下介面設定地圖的中心點和對應的縮放等級。

  2. chart.setMapZoom({zoomLevel: 5, viewCenter: [110, 40]});
  3. zoomlevel:縮放等級,值區間一般在 0-18。數值越大,層級越高,地圖顯示越細緻,顯示的經緯度範圍越小。

  4. viewCenter:中心點,【經度,維度】。

  5. 注1:縮放等級的設定與各個圖層支援的縮放等級一致。比如圖層為高德地圖時,縮放區間為【3,18】;圖層為無時,縮放區間為【0,18】。

  6. 注2:該介面不支援行動端。

三、示例-普通報表

1
準備數據。

3.png

2
添加地圖。
  1. 在單元格中新增地圖,併為其繫結資料。2個地圖使用同一資料來源,可直接複製。

4.png

3
添加超级連接。
  1. 选择特效→交互属性,为地图添加超级連接,命名为4 【118,32】,缩放等级为4,中心點經度118,維度32。

  2. var chart=FR.Chart.WebUtils.getChart("A20").getChartWithIndex(0);chart.setMapZoom({zoomLevel:4, viewCenter: [118,32]})
  3. 同理新增另外兩個超級連結,並以其縮放等級與中心點經緯度命名。

四、示例-dashboard

1
準備資料。

7.png

2
新增地圖。
  1. 可以新增鉆取地圖2個。

  2. 為其繫結相同的資料來源,這裡是測試資料,因此分級資料只需要對第1級進行繫結。

8.png

9.png

3
添加超级連接。
  1. 選取左側的地圖,特效→互動屬性中,在鉆取目錄中新增如下超級連結。

  2. var chart=FR.Chart.WebUtils.getChart("chart1").getChartWithIndex(0);chart.setMapZoom({zoomLevel:7, viewCenter: [120, 33]});
  3. 同理新增另外兩個。

10.png

4
預覽效果。

12.gif

五、範本

附件列表


主題: Lauren--下架
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉