反饋已提交

網絡繁忙

分類坐標軸顯示數值指標

1. 概述

1.1 應用場景

有時候我們需要對圖表的分類坐標軸設定具體的指標,以便了解當前工作的實際進度,效果如下圖所示:

Xnip2023-12-14_14-38-49.jpg

1.2 實現思路

自訂 X 軸的軸標籤格式,透過API函式FR.remoteEvaluate( formula )和內建報表函式VALUE(tableData,targetCol,orgCol,element)實現。

Xnip2023-12-14_13-54-13.jpg

2. 範例

2.1 資料準備

1)建立普通報表,建立內建資料集 ds1,如下圖所示:

Xnip2023-12-14_11-49-34.jpg

2)建立內建資料集 ds2,其中的 percents 欄位是各銷售員銷量佔總銷量的佔比,如下圖所示:

Xnip2023-12-14_11-51-40.jpg

2.2 插入圖表

合併一片區域儲存格,插入柱形圖,如下圖所示:

Xnip2023-12-14_13-49-42.jpg

2.3 綁定資料

綁定柱形圖資料,用於顯示每個銷售員每種產品的銷量情況,如下圖所示:

Xnip2023-12-14_13-50-55.jpg

2.4 自訂軸標籤

點選「樣式>坐標軸>X軸」,軸標籤格式處點選「自訂」按鈕,填入 JavaScript 程式碼後,要選擇「使用html解析正文內容」,如下圖所示:

Xnip2023-12-14_13-54-13.jpg

JavaScript 程式碼如下:

function(){ 
        //value函式傳回百分比資料,傳回經過計算的公式的結果
        var a=(FR.remoteEvaluate("value('ds2',2,1,'" + this+ "')")*100).toFixed(1); 
        //軸標籤同時顯示分類名和百分比,且韓文和張武的軸標籤為紅色
        if(this=='韓文'||this=='張武'){
        return "<font color='red'>"+this+":"+a+"%"+"</font>"     }else{
        return this+":"+a+"%";
    }
}

2.5 效果預覽

2.5.1 PC端

儲存範本,點選分頁預覽,如下圖所示:

Xnip2023-12-14_14-38-49.jpg


2.5.2 行動端

同時支援 App 端和 H5 端,效果如下圖所示:

IMG_EE83CD45B390-1.jpeg

3. 範本下載

4 注意事項

預覽範本,如果出現彈窗“此呼叫存在安全風險,如需使用請在安全管理中修改腳本呼叫公式限制”,且資料出現“NaN%”,如下圖所示:

Xnip2023-12-14_14-33-27.jpg

那麼需要登入數據決策系統,點選管理系統>安全管理>安全防護>腳本呼叫公式限制,關閉該功能,如下圖所示:

Xnip2023-12-14_14-35-25.jpg

附件列表


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

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙