實時曲線組件以時間作為X軸，與實時曲線（舊）組件對比，僅支持展示單個或多個設備屬性近半小時、近一小時或近三小時的數據變化趨勢。本文介紹實時曲線組件的詳細配置方法。

步驟一：添加組件

  1. 創建Web應用。具體操作，請參見創建Web應用。
  2. 在Web應用編輯器中，單擊最左側的組件圖標組件。
  3. 在畫布左側組件列表上方，輸入實時曲線，找到該組件，然后將組件拖拽到中間畫布。

    有關組件添加的更多信息，請參見添加組件。

    實時曲線

步驟二：配置數據源

  1. 在Web應用編輯器右側樣式中，單擊展示數據后的配置數據源。
  2. 配置設備數據源參數項。
    配置數據源
    配置項說明
    選擇數據源默認為設備。不支持修改。
    模式選擇待展示的曲線：單設備多屬性或多設備單屬性。

    最多支持展示3個屬性或設備的數據曲線。

    產品單擊選擇產品，在選擇產品對話框選擇目標產品。

    選擇產品對話框展示了當前應用所屬項目下已導入的產品。 如果沒有相應產品，單擊對話框左下角的產品管理，前往項目詳情的產品頁，創建或導入產品。

    設備選擇待綁定的設備。
    • 指定設備：如果已有真實設備連接到物聯網平臺，則選擇真實設備。如果真實設備未連接到物聯網平臺，沒有上報數據，則需使用設備模擬器功能，推送模擬數據，進行數據格式驗證。具體操作，請參見設備模擬器。
    • 動態設備：可選頁面變量、組件值、URL參數和來自交互動作四種類型的動態設備。
      • 頁面變量：選擇在當前應用中，已創建的頁面變量作為動態設備來源。創建頁面變量具體操作，請參見頁面變量管理。
      • 組件值：選擇當前應用中，已配置的表單組件作為動態設備來源。
      • URL參數：以最終發布頁面上的某個參數作為該服務的動態設備。常用于嵌入頁面時，由宿主頁提供動態參數，如將傳入的產品型號作為服務的動態設備。
      • 來自交互動作：最終以交互頁簽配置的彈窗數據源，作為動態設備來源。詳細信息，請參見打開彈窗容器。
        重要
        • 僅彈窗組件支持將動態設備選擇為來自交互動作。
        • 必須在單擊配置數據源打開數據源配置彈窗后，設置設備項為動態設備。
    • 空設備：若選擇為空，可在設備模擬數據框中，輸入模擬數據，進行數據格式驗證。
    數據項默認選擇設備歷史數據。不支持修改。

    使用屬性的歷史數據作為數據項，例如，可獲取過去3小時的溫度展示。

    屬性選擇設備屬性。該組件支持以下類型的設備屬性：單精度數字，雙精度數字，整數。
    實時數據時間段可選近半小時、近一小時、近三小時。
  3. 單擊確定。

步驟三：配置樣式

  1. 在Web應用編輯器右側樣式中，完成組件展示的配置。
    配置項說明
    全局樣式設置實時曲線的全局字體、軸顏色和背景顏色。
    X軸選中顯示軸標簽復選框后，顯示X、Y軸刻度值。 可設置顯示樣式。
    說明 Y軸刻度數量從最小值所在刻度算起，例如最小值為0，最大值為500，間隔為50，刻度數量為11。
    Y軸
    邊框設置是否顯示邊框，及可顯示的效果。
    輔助線1默認不顯示輔助線。打開輔助線開關后，會在實時曲線中顯示輔助線，并可設置輔助線的顯示樣式。
    輔助線2
    是否顯示系列名稱默認不顯示系列名稱。選中復選框后，會在實時曲線上方顯示系列名稱。支持添加系列，并設置各系列的名稱和對應曲線顯示顏色。
    說明 您可在預覽頁，單擊實時曲線上方顯示的系列名稱，隱藏對應的曲線。
  2. 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息，請參見樣式配置。

步驟四：配置交互動作

  1. 在Web應用編輯器右側交互中，單擊新增交互，設置事件和動作。

    該組件支持鼠標移入事件。例如，鼠標移入，執行動作展示隱藏，顯示某個隱藏的組件，展示組件數據更多的說明信息。

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

  2. 單擊頁面右上方的預覽，預覽和調試組件展示的數據和效果。