在本文中，我們將創建一個帶有 2D 和 3D 頻譜圖的 JS 儀表板。創建這個項目的目的是解釋如何創建一個振動分析應用程序，該應用程序將使用LightningCharts JS通過其lcjs 庫為我們提供的 2D 和 3D 頻譜圖檢查聲波。

LightningCharts JS官方正版下載

振動分析對于檢測工業設備中的錯誤和/或故障非常重要（僅舉一個例子）。

可以通過聆聽它們產生的聲音強度來檢測安全閥、空氣冷卻器和壓縮元件的故障。

使用我們接下來要構建的圖表，我們將看到一個與類似案例對應的音頻文件。

主要從以下幾部分來介紹：

• 啟動項目
• 對儀表板、調色板和頻道列表進行編碼
• 創建 2D 和 3D 頻譜圖
• 配置無限傳輸
• 振動分析頻譜圖前言
• 下載項目 (.zip)
• 經常問的問題

啟動項目

使用 Visual Studio 代碼：

1. 創建文件 [dashboard.ts]
2. 添加文件 [audio2ch.json]

   

3. 打開一個新終端并執行命令 [npm install]

   

完成上述操作后，將安裝我們編譯項目所需的庫。

在這些庫中，將有一個 @arction/lcjs 庫，其中包含有助于我們構建圖表的類。

對儀表板、調色板和頻道列表進行編碼。

將從我們的 [dashboard.ts] 文件開始。

1. 導入 JSON 文件，該文件將包含兩字節數組。一個是通道 1，另一個是通道 2。現在，在常量中添加必要的類，以便能夠更輕松地使用它們。



2. 創建以下常量：



• [historyMS] = 將影響分析聲波的速度（毫秒）（值越低，速度越高）。
• [sampleRateHZ] = 每秒采樣數。
• [sampleIntervalMS] = 影響音頻波形在圖表上顯示的每秒幀數。
3. 創建將顯示用于振動分析的頻譜圖的儀表板：



我們的儀表板將有兩列和兩行。現在分配您喜歡的主題和行的高度。

4. 為音頻波形創建調色板：



LUTSteps集合指定顏色及其對應的值，以描述漸變中過渡點的位置和顏色。每個都表示為一個偶數對象{值：數字，顏色：顏色}。

5. 創建頻道列表
   在我們的JSON文件中，我們有兩個數組字節，每個字節對應一個頻道，因此，我們將創建兩個列表及其屬性。



• 名稱：頻道名稱。此屬性可用作圖表的標題。
• data： 分配我們要分配給每個通道的字節數組。
• columnIndex： 指定儀表板中的列，我們的圖表將放置在其中。

LightningChart JS | 下載試用

本次的介紹就到這里了，下篇文章將介紹后面的相關內容，點擊查看全部LightningChart JS使用教程。

LightningChart JS是性能最高的JavaScript圖表庫，專注于實時數據可視化。

想要了解或購買LightningChart JS正版授權的朋友，歡迎咨詢