日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

AI 助理
備案控制臺
文檔
輸入文檔關鍵字查找
首頁 DataV數據可視化 DataV-Board 7.0 （數據看板） 操作指南 可視化工作臺 組件指南 組件管理 PC組件 信息 數字翻牌器

數字翻牌器

更新時間：
產品詳情
我的收藏

數字翻牌器常用于展示數值、計數或時間等信息，可與其他組件進行交互，在可視化應用中展示數據的實時變化情況。本文為您介紹數字翻牌器的使用詳情。

組件介紹

應用場景

數字翻牌器常用于時鐘、計時器、計數器等設備，或金融領域顯示金額、企業展示某個指標等場景。例如，展示企業的某個指標數據，通過指標的變化快速判斷是否存在經營異常。

效果展示

數字翻牌器通常由標題、前/后綴及翻牌器內容組成。示例使用數字翻牌器展示某地區的日銷售金額，效果如下。

image

使用限制

翻牌器內容僅支持顯示Number類型。若您的數據非Number類型，則平臺會將該內容視為異常字符，并自動替換為指定內容。詳情請參見異常字符處理。

前提條件

添加數字翻牌器

  1. 登錄DataV控制臺。

  2. 在工作臺 > 全部應用 > 數據看板單擊目標看板，進入看板的畫布編輯頁面。

  3. 在左側導航欄的組件庫 > 信息列表下，單擊數字翻牌器組件，添加該組件至畫布。

您也可使用全局搜索添加相關組件。

接入業務數據

添加組件后，您可將已準備的業務數據接入組件進行顯示。單擊數字翻牌器，在右側的數據源頁簽，即可選擇該組件所要呈現的數據。image

  • 翻牌器接收的數據字段介紹如下。

    字段

    描述

    name

    （可選）數字翻牌器的標題內容。不為空時會覆蓋樣式中的配置；為空時會使用樣式 > 基礎樣式 > 標題內容配置項中的內容。

    value

    數字翻牌器的具體數值。

    prefix

    （可選）數字翻牌器的前綴內容。不為空時會覆蓋樣式中的配置；為空時會使用樣式 > 翻牌器 > 前綴內容配置項中的內容。

    suffix

    （可選）數字翻牌器的后綴內容。不為空時會覆蓋樣式中的配置；為空時會使用樣式 > 翻牌器 > 后綴內容配置項中的內容。

    示例翻牌器的數據結構及效果展示如下。

    [
 {
 "name": "這是標題",
 "value": 232425
 }
]

    image

  • 數據源的核心配置項介紹如下。

    配置項

    描述

    選擇數據源

    支持接入CSV文件、API、各類數據庫等多種類型數據，詳情請參見支持的數據源類型。您可使用可視化表格或代碼方式編輯數據字段。

    配置過濾器（可選）

    用于自定義過濾代碼，實現數據的結構轉換、篩選、展示和簡單的計算，詳情請參見管理數據過濾器。

    配置數據映射

    用于將所選數據源中的字段映射至組件對應的字段上，實現數據的實時匹配。單擊image圖標可配置字段樣式。

    查看響應結果

    用于實時展示組件所接入的數據。當組件數據源發生變化時，此處會對應展示最新數據。

    • 單擊數據響應結果，可查看編寫的數據字段代碼。

    • 單擊查看示例，可查看數據源接收的數組類型及代碼示例。您可參考示例編寫相關字段。

    其他數據請求配置：

    • 禁止加載態：勾選后，在組件更新或預覽數據看板時，將不呈現組件初始化時的加載內容。

    • 受控模式：勾選后，組件在初始化狀態下不會請求數據。此時僅支持通過藍圖編輯器或全局變量事件發起數據請求。

    • 自動更新請求：勾選后，平臺會根據您設置的輪詢時間，動態輪詢更新數據；不勾選，則需手動刷新頁面，或通過藍圖編輯器和全局變量事件來觸發請求更新數據。

配置數字翻牌器

樣式配置

數字翻牌器的樣式分為基礎配置和全量配置兩個維度（在樣式頁簽頂部即可切換），基礎配置僅涉及圖表的顏色及文字配置；全量配置涉及的配置項更加全面。本文以全量配置示例，介紹相關配置詳情。

說明

  • 您也可單擊image圖標，通過關鍵詞搜索，快速定位到所需配置項，搜索支持模糊匹配。詳情請參見搜索配置項。

  • 翻牌器的標題、前后綴內容也可在數據源中獲取。平臺會優先使用數據源中的配置內容，若數據源中相關內容為空，則會采用樣式中的配置內容。

相關配置項介紹如下。

配置項

描述

圖示

全局配置

定義組件在數據看板中的位置分布、透明程度、交互穿透。

  • 不透明度：數值越小，組件越透明。取值范圍為0~1內的數值。

  • 交互穿透：開啟后，鼠標可穿透該組件，避免看板中組件較多時，該組件會遮擋鼠標與下層組件的交互。

image

基礎樣式配置

定義標題文本的大小、顏色、陰影效果、標題與翻牌器的相對位置和間距，以及翻牌器的字號自適應效果。同時，支持自定義組件初始化及出現異常字符時的顯示內容。

  • 字號自適應：開啟后，手動設置的翻牌器寬度、高度、間距等將不生效。平臺會根據您配置的翻牌器字號大小重新計算并適配翻牌器的寬度、高度、間距等樣式。

  • 初始化字符：組件初始化時，翻牌器顯示的數值內容（即數據源中Value的值）。

  • 異常字符：當組件數據源中的Value值不為Number類型時，平臺會將該值視為異常字符。此時，翻牌器顯示的數值內容將會被替換為異常字符參數的配置值。

image

翻牌器配置

定義翻牌器內容（包括數字、前后綴）的整體布局、數字的樣式和布局、以及前后綴的字體樣式和陰影效果。

數字配置說明如下：

  • 字體：僅支持使用系統已安裝的字體。更多字體介紹，請參見字體庫。

  • 布局：可設置數字的間隔、寬度、高度，以及分隔符的寬度。

    • 數字的間隔、高度、寬度為0時，表示系統自適應。

    • 開啟分隔符定寬，將使用系統默認的特定寬度分隔符來分隔數據，從而使數據區域的界限更明確，展示效果更清晰。

  • 背景：翻牌器的數值及分隔符可設置背景、邊框樣式，且支持上傳本地圖片作為背景。

    說明

    當數字的顏色設置為漸變色時，數字的背景將會失效。

  • 位數：可設置翻牌器顯示幾位數字（包含小數點位數），平臺將根據您的配置自動添加分隔符及小數點。

    • 位數為0時，表示系統自適應。

    • 開啟數據四舍五入，數值直接四舍五入為整數進行顯示；關閉則使用原始數值進行顯示。

    說明

    若配置的位數小于實際數據長度，則頭部超出部分會被省略。反之，會在數值頭部補0。

  • 分隔符：支持設置千分位分隔符及小數分隔符。

    說明

    分隔符最長為一位，超出一位時取第一位，且不支持使用數字作為分隔符。

image

交互配置

設置翻牌器的動畫效果（例如，動畫時長、數據抖動修正）和手勢光標。

  • 數據抖動修正：開啟后，保護翻牌器數據不下跌，即只能顯示上漲；關閉則翻牌器數據跌漲都會顯示。

  • 手勢光標：開啟后，預覽看板時，鼠標懸停至翻牌器組件時將顯示為手勢光標。

image

高級配置

可定義翻牌器與其他組件間的交互，以及數據傳遞關系。相關配置項介紹如下。

配置項

描述

圖示

交互事件

定義與其他組件間的交互行為，實現組件聯動。例如，可通過翻牌器接入當前地區多個店鋪的銷售數據表格。當店鋪銷售數據發生變化，翻牌器將實時顯示當前地區的日總銷售金額情況。

單擊image圖標，即可定義相關交互事件及交互動作。

image

關聯全局變量

可在組件中關聯全局參數，實現組件間的參數傳遞，進行組件交互。單擊image圖標，即可開啟相應指令，并為該指令關聯所需全局變量。

藍圖交互

可通過藍圖編輯器使用可視化連線方式，定義組件間的交互關系及行為邏輯。

操作步驟

  1. 在畫布編輯頁面，單擊頂部菜單欄左側的image圖標，進入藍圖編輯器。

  2. 在圖層節點列表，鼠標懸停至數字翻牌器組件，單擊image圖標，添加該組件至主畫布。

  3. 通過連線方式，按需配置相關組件的藍圖交互效果。

    示例如下。image

配置項介紹

相關交互事件及動作的介紹如下。

類別

子類別

描述

事件

當數據更新時

當組件數據更新時拋出該事件。

當數據請求狀態變化時

當數據請求狀態變化時拋出該事件。狀態值包括Loading、Success、Error。

當前值變化時

當前數值發生變化時拋出該事件，同時拋出該值對應的數據項，數據示例如下。

{
  "value": "23"
}

當點擊翻牌器時

當單擊翻牌器時拋出的事件，同時拋出對應的數據項，數據示例如下。

{
  "value": "23"
}

事件

導入數據

數據按組件繪制格式處理后導入組件，并重新繪制。無需重新請求服務端數據，數據示例如下。

[
  {
    "name": "第三季度營業額",
    "value": 283699,
    "prefix": "￥",
    "suffix": "元"
  }
]

請求數據

重新請求服務端數據，上游數據處理節點或圖層節點拋出的數據將作為參數。例如，數字翻牌器配置的API數據源為https://api.test，傳到請求數據動作的數據為{ id: '1'}，則最終請求接口為https://api.test?id=1。

清零當前值

把當前數字置為零，無需參數。

移動

將組件移動到指定位置，數據示例如下。

    {
      // 移動方式。絕對定位：to，相對定位：by。默認值：to。
        "positionType": "to",
      // 指定位置。x坐標，y坐標。
      "attr": {
        "x": 0,
        "y": 0
      },
      // 動畫方式。
      "animation": {
        "enable": false,
        // 動畫延時。
        "animationDuration": 1000,
        // 動畫曲線。可選值為：linear|easeInOutQuad|easeInOutExpo。
        "animationEasing": "linear"
      }
    }

切換顯隱

切換組件為顯示或隱藏，無需參數。

顯示

顯示組件，數據示例如下。

{
  "animationType": "",//動畫方式，可選值：fade，不填無動畫。
  "animationDuration": 1000,//動畫延遲，單位ms。
  "animationEasing": ""http://動畫曲線
}

隱藏

隱藏組件，數據示例如下。

{
  "animationType": "",//動畫方式，可選值：fade，不填無動畫。
  "animationDuration": 1000,//動畫延遲，單位ms。
  "animationEasing": ""http://動畫曲線
}

更新組件配置

動態更新組件的樣式配置。

  1. 先在組件的樣式面板中，單擊復制配置到剪貼板，獲取組件的配置數據。

  2. 根據需要，在藍圖編輯器配置頁面的數據處理節點，更改對應樣式的字段值。

案例演示

數字翻牌器的使用示例，請參見實現動態數據加和。