當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

折線圖最值設置閃爍動畫

1. 概述

1.1 應用場景

有時用戶希望某些特點标記點可以閃爍顯示,示例中設置折線圖最大值和最小值對應的标記點閃爍顯示,如下圖所示:

222

1.2 實現思路

圖表設置條件顯示,通過标記點、配色、閃爍動畫3 個條件屬性的組合來實現。

注:該方法同時支持普通報表和決策報表。

2. 示例

2.1 準備數據

新建普通報表,添加内置數據集 weather,記錄一個月内每天氣溫的值,如下圖所示:

Snag_23593d0a.png

2.2 插入圖表

合并單元格 A1~I22,合并後的區域插入折線圖 ,如下圖所示:

圖片.png

2.3 綁定圖表數據

選中折線圖,右側圖表屬性面板選擇數據,設置如下圖所示:

圖片.png

2.4 設置圖表樣式

1)選擇 樣式>标題 ,設置标題内容,如下圖所示:

圖片.png

2)選擇樣式>坐标軸>X軸,軸線樣式設置如下:

圖片.png

3)選擇樣式>坐标軸>Y軸,值定義與軸線樣式設置如下:

圖片.png

2.5 設置條件屬性

2.5.1 設置最大值

1)圖表屬性面板點擊特效>條件顯示,新增一個條件屬性1,設置 3 個屬性标記點、閃爍動畫、配色,讓值等於公式max(weather.select(value))  ,如下圖所示:

注:上述公式用於篩選最大值。

1593486479908526.png

2)上面标記點、閃爍動畫、配色的設置如下:

1.png

注:設置運動周期爲 0 秒時,無動畫效果,根據設計,不同類型的圖表動态效果默認周期時間不一緻 。

2.5.2 最小值設置

1)圖表屬性面板點擊特效>條件顯示,新增一個條件屬性1,設置 3 個屬性标記點、閃爍動畫、配色,讓值等於公式min(weather.select(value))  ,如下圖所示:

注:上述公式用於篩選最小值。

1593487372285035.png

2)上面标記點、閃爍動畫、配色的設置如下:

2.png

2.6 效果預覽

1)PC 端

保存模板,點擊分頁預覽 ,效果如下圖所示:

7C5C97D7-7ABC-4676-8979-453D15DC1182.GIF

2)移動端

1592894599814581.gif

3. 模板下載

已完成模板可參考:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewLineChart\FlashingLineChart.cpt

點擊下載模板:FlashingLineChart.cpt

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

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

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

不再提示

9s後關閉

反饋已提交

網絡繁忙