刻度表組件以刻度表的樣式展示數(shù)據(jù)，支持橫向和豎向展示。下文介紹組件的詳細(xì)配置方法。

步驟一：添加組件

  1. 創(chuàng)建Web應(yīng)用。具體操作，請參見創(chuàng)建Web應(yīng)用。
  2. 在Web應(yīng)用編輯器中，單擊最左側(cè)的組件圖標(biāo)組件。
  3. 在畫布左側(cè)組件列表上方，輸入刻度表，找到該組件，然后將組件拖拽到中間畫布。

    有關(guān)組件添加的更多信息，請參見添加組件。

    刻度表組件

步驟二：配置數(shù)據(jù)源

  1. 在Web應(yīng)用編輯器右側(cè)樣式中，單擊數(shù)據(jù)源后配置數(shù)據(jù)源。
  2. 在數(shù)據(jù)源配置頁面，選擇數(shù)據(jù)源類型，完成配置。
    可選數(shù)據(jù)類型有設(shè)備、接口、應(yīng)用推送。
    說明 接口或設(shè)備數(shù)據(jù)源返回的數(shù)據(jù)類型必須為單精度數(shù)字、雙精度數(shù)字、整數(shù)。
    數(shù)據(jù)源配置
  3. 單擊確定。

步驟三：配置樣式

  1. 在右側(cè)樣式中，完成組件展示的配置。
    配置項(xiàng) 說明
    展示方向 設(shè)置刻度表展示方向。 默認(rèn)橫向。
    數(shù)值范圍 設(shè)置刻度表展示的數(shù)值范圍（最大、最小值）和刻度間隔值（步長）。
    數(shù)值條樣式 設(shè)置刻度表中的數(shù)值條顏色和弧度。
    刻度展示 設(shè)置是否展示刻度，及可展示的樣式。
    單位 設(shè)置是否展示數(shù)據(jù)單位，及可展示的樣式。
    讀數(shù) 設(shè)置是否展示當(dāng)前數(shù)據(jù)的值，及可展示的樣式。
    背景顏色 設(shè)置刻度表的背景顏色。
    邊框 設(shè)置是否展示邊框，及可展示的樣式。
  2. 調(diào)整組件在頁面中的最終位置。有關(guān)組件通用樣式配置的更多信息，請參見樣式配置。

步驟四：配置交互動作

  1. 在Web應(yīng)用編輯器右側(cè)交互中，單擊新增交互，設(shè)置事件和動作。

    該組件支持鼠標(biāo)移入事件。例如，鼠標(biāo)移入，執(zhí)行動作展示隱藏，顯示某個(gè)隱藏的組件，展示組件數(shù)據(jù)更多的說明信息。

    具體操作，請參見交互配置。

  2. 單擊頁面右上方的預(yù)覽，預(yù)覽和調(diào)試組件展示的數(shù)據(jù)和效果。