圖表設定閃爍動畫

1.1 應用場景

有時使用者希望某些特殊標記點可以突出顯示，例如顯示某個系列的最大最小值，透過設定不同顏色以及閃爍動畫，使人一眼看出其中的不同。

預期效果如下圖所示：

1.2 實現思路

在圖表「特效>條件顯示」中設定條件屬性，透過「配色」、「閃爍動畫」兩個屬性實現。

2.1 準備資料

本例直接使用 折線圖 文檔中已完成的範本，開啟內建範本 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Advanced\Chart\LineChart\折線圖.cpt  。

2.2 設定條件屬性

2.2.1 設定最大值

1）選中圖表，點選「儲存格元素>特效>條件顯示」，新增條件屬性，雙擊名稱重新命名為「最大值」，點選  編輯按鈕彈出編輯介面。

2）新增「配色」屬性，選擇綠色。

3）新增「閃爍動畫」 屬性，預設運動週期為 2.56 秒。

注：設定運動週期為 0 秒時，無動畫效果，不同類型圖表的預設運動週期時間不一致 。

4）設定普通條件為：值 等於 公式 =MAX(本年空調月銷量統計.select(銷量))，設定完成後點選「新增」。

注1：公式中 MAX 用於篩選最大值，tablename.select 用於獲取「本年空調月銷量統計」資料集中的「銷量」欄位，詳情可參見文檔 資料集函式 。 

注2：公式也可以使用 MAX(VALUE("本年空調月銷量統計",2)) ，詳情可參見文檔 Value 函式 。

如下圖所示：

2.2.2 設定最小值

設定最小值條件屬性時，可以直接複製最大值條件屬性，再進行修改。

1）選中「最大值」條件屬性，點選複製按鈕，複製的條件屬性名稱為「CopyOf最大值」。如下圖所示：

2）雙擊「CopyOf最大值」重新命名為「最小值」，點選編輯按鈕彈出編輯介面。

3）將「配色」修改為紅色。

4）將條件中的公式修改為 =MIN(本年空調月銷量統計.select(銷量)) ，用 MIN() 篩選最小值。最後必須點選「修改」才能使條件成功修改。

注：與最大值同理，公式也可以使用 MIN(VALUE("本年空調月銷量統計",2)) 。

如下圖所示：

2.3 效果預覽

2.3.1 PC 端

儲存範本，點選「分頁預覽」，效果如 1.1 節中預期效果所示。

2.3.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

點選下載範本：最值閃爍折線圖.cpt