反饋已提交

網絡繁忙

圖表重新整理API

1. 概述

1.1 預期效果

點選按鈕可以重新整理普通報表或決策報表中的圖表,以普通報表為例,效果如下圖所示:

2023-11-11_23-32-56.gif

1.2 實現思路

透過FR.Chart.WebUtils.getChart("chartID").dataRefresh()獲取要重新整理的圖表物件,其中chartID為圖表塊名稱。

注1:該接口不支援擴展圖表。

注2:該接口支援11.0.66及之後版本的行動端。

注3:獲取圖表物件的方法參見文檔:如何獲取圖表物件

注4:該接口不支援 FVS 視覺化看板。

2. 範例

2.1 準備資料

建立普通報表,建立資料集 ds1,SQL 語句為:SELECT * FROM 銷量 limit ${ int (RAND()*40) }

注:int (RAND()*40)表示隨機生成大於等於 0 小於 40 的整數,重新整理時可動態改變資料量。

2.2 設計表格

A1 儲存格新增「按鈕元件」,命名為「點擊重新整理」。A3 儲存格插入「柱形圖」,如下圖所示:

2.3 綁定圖表資料

選中 A3 儲存格,綁定柱形圖資料,如下圖所示:

2.4 設定重新整理事件

選中 A1 儲存格,右邊屬性面板選擇「元件設定>事件」,新增一個點擊事件,如下圖所示:

JavaScript 代碼如下:

var chartWrapper1 = FR.Chart.WebUtils.getChart("A3");
chartWrapper1.dataRefresh();

2.5 效果預覽

2.5.1 PC 端

保存報表,點選「資料分析預覽」,效果如下圖所示:

2023-11-11_23-32-56.gif

2.5.2 行動端

2023-11-11_23-37-20.gif

3. 範本下載

點選下載範本:圖表重新整理API範例.cpt

附件列表


主題: 圖表應用
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

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

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

不再提示

10s後關閉