1. 概述
1.1 版本
報表伺服器版本 | 擴展圖表插件版本 |
---|---|
11.0 | V4.6.4 |
注:輪播三維組合地圖預覽只支援 Chrome 瀏覽器。遇到老版本 Chrome 瀏覽器不顯示圖表的情況,請將瀏覽器升級到最新版本。
1.2 應用場景
輪播三維組合圖用於多維資料在多場景(點、線、柱形、區域)下播放展示,讓多維資料的展示更加靈動活潑。如下圖所示:
注:此處的輪播,是指在多場景(點、線、柱形、區域)下輪播,而非輪播不同區域下的各個場景指標。
2. 範例
2.1 建立範本
建立一張普通報表。如下圖所示:
2.1 準備資料
1)建立 4 個 内置资料集,用於輪播三維組合地圖的四個地圖類型綁定資料。以「點-地圖資料」為例,如下圖所示:
2)4 個內建資料集的資料分別如下圖所示:
2.2 插入圖表
1)合併一片儲存格。如下圖所示:
2)選中合併的儲存格插入圖表,選擇「擴展圖表-地圖類>輪播三維組合圖」。如下圖所示:
2.3 圖表類型
1)選中圖表,點選右側「儲存格元素>類型」,在圖表屬性面板中設定圖表類型。如下圖所示:
2)圖表類型的各設定項說明如下表所示:
設定項 | 說明 | |
---|---|---|
基本 | 地圖邊框 | 根據使用者需求自由選擇,預設「中國」 |
播放狀態 | 視角距離 | 指當前視角距離三維地圖的距離,預設「自動」,也可自訂設定為 px 值,範圍無限制 |
2.4 圖表資料
1)選中圖表,點選右側「儲存格元素>資料」,在圖表屬性面板中設定圖表資料。以「點」為例,如下圖所示:
注1:標題是圖形輪播時顯示在左上角的圖表標題,只能設定為固定字串,需手動輸入。
注2:該圖表不支援設定「值」的顯示格式,但綁定「值」時,匯總方式選擇「首個」或「最後一個」,可展示帶有格式的值。
注3:若地理位置使用「區域名匹配」,區域名必須與「地圖邊框」中的區域名保持完全一致。例如內建「中國」邊框地圖,區域名均為標準的全稱,使用簡稱則匹配不成功。
注4:為簡化使用者配置,FineReport 固定圖形播放順序為:點>線>柱形>區域,如果使用者未設定對應的圖形資料,則播放時跨越該圖形。
2)「點、線、柱形、區域」 4 個類型資料設定分別如下圖所示:
2.5 圖表樣式
2.5.1 圖形
1)選中圖表,點選右側「儲存格元素>樣式>圖形」,在圖表屬性面板中設定圖表樣式的圖形部分。以「點」為例,如下圖所示:
2)支援選擇不同的圖形分別設定圖形樣式。「點、線、柱形、區域」 4 個類型圖形樣式分別如下圖所示:
3)圖表樣式圖形設定的各設定項說明如下表所示:
設定項 | 說明 | |
---|---|---|
點 | 圖形形狀 | 改變「點」圖形的動效表現形式 |
主題色 | 改變「點」圖形的區域名和動效元素顏色 | |
線 | 主題色 | 改變「線」圖形的區域名和動效元素顏色 |
不透明度 | 改變「線」的遠端透明度 | |
柱形 | 主題色 | 改變「柱形」圖形的區域名和動效元素顏色 |
區域 | 主題色 | 改變「區域」圖形的區域名和動效元素顏色 |
2.5.2 背景
1)選中圖表,點選右側「儲存格元素>樣式>圖形」,在圖表屬性面板中可設定圖表樣式的背景部分。如下圖所示:
2)圖表樣式背景設定的各設定項說明如下表所示:
設定項 | 說明 |
---|---|
填充 | 設定圖表區的背景填充 |
不透明度 | 設定圖表區背景的不透明度,設定為 0% 時,圖表區相當於沒有背景 |
地圖顏色 | 設定地圖的顏色 |
2.5.3 提示
1)選中圖表,點選右側「儲存格元素>樣式>提示」,在圖表屬性面板中可設定圖表樣式的提示部分。如下圖所示:
2)圖表樣式背景設定的各設定項說明如下表所示:
注:地圖輪播時,先展示圖形出現的動畫,然後提示圖形的文字內容。提示內容根據資料而定,不支援使用者自訂設定。
設定項 | 說明 | |
---|---|---|
樣式 | 字元 | 設定圖表提示內容的字元 |
縮放等級 | 改變字元顯示大小,對所有圖形生效 |
2.6 圖表特效
1)選中圖表,點選右側「儲存格元素>特效」,在圖表屬性面板中可設定圖表特效。如下圖所示:
2)圖表特效的各設定項說明如下表所示:
設定項 | 說明 | |
---|---|---|
重新整理 | 定時重新整理 | 預設「關閉」,開啟後可設定圖表定時重新整理時間間隔。支援使用擴展圖表重新整理API,詳情請參見文檔:擴展圖表組件重新整理 |
播放 | 輪播間隔 | 預設且最小為 6 秒,使用者可自訂時間間隔大小,但不得小於 6 秒 |
輪播聯動 | 設定圖表輪播時聯動其他組件。詳情請參見文檔: 擴展圖表輪播聯動 |
2.6 設定全螢幕
點選「範本>PC端自適應屬性」,選擇「為該範本設定」,字體設定為「自適應」,表格設定為「雙向自適應」。如下圖所示:
2.7 效果預覽
注:不支援行動端。
儲存範本,選擇 分頁預覽 ,效果如 1.2 節所示。
3. 範本下載
點選下載範本:輪播三維組合地圖.cpt