在本文中，我們將使用LightningCharts JS創建 2D 和 3D 頻譜圖。

LightningCharts JS官方正版下載

創建 2D 和 3D 頻譜圖目

下面解釋的代碼將在.map 函數中執行，這意味著儀表板中的對象將根據我們的 [ channelList ] 對象中存在的通道數創建。

getDefaultAxisX =獲取對ChartXY的默認 X 軸 的 引用。

這將始終返回對最接近圖表的X 軸的引用（從底部開始）。[ getDefaultAxisX ]下面的所有方法都只會影響 X 軸。（如果您需要參考 Y 軸 [ getDefaultAxisY ]，則使用相同的邏輯）。

setTickStrategy = 它以毫秒為單位顯示我們的聲波的時間值。

setScrollStrategy = 在指定軸上分配滾動行為。

setInterval =設置軸刻度間隔。參數可能會因圖表類型而異。

在這種情況下，從 [historyMs] 常數獲得起始比例值。0 等于刻度的結束值。

setTitle = 在指定軸上顯示的標題。

這些相同的屬性將應用于3D 圖表：

我們將分配表示音頻波所需的圖表類型，在這種情況下，我們將使用2D 和 3D 頻譜圖，這種可視化是實時完成的，并模擬振動分析應用程序的音頻指標實時測量、分析和顯示它們：

對于我們的2D 圖表，我們將使用 [ addHeatmapScrollingGridSeries ] 類。

此類將允許我們使用HeatmapGrid圖表來表示我們的音頻波形。

對于我們的3D 圖表，我們將使用 [ addSurfaceScrollingGridSeries ] 類。

配置無限傳輸

[ setInterval]函數從一組靜態數據配置無限流。

它利用了 [ bufferIncomingSamples ] 函數，該函數負責保證靜態采樣率，即使輸入數據可能會發生變化。 這是通過跳過過于頻繁的樣本并復制相距太遠的樣本來完成的。

只需更改 [ sampleRateHz ]的值即可設置精度。

[ bufferIncomingSamples ]：

振動測量和監測的頻譜圖。

頻譜圖只是可用于監控和可視化振動數據的圖表的一個示例。其他振動圖表包括多通道數據監控圖表、音頻可視化或頻譜圖 XY 投影圖表。

在振動分析過程中，振動圖表顯示通過連接到機械的多個傳感器收集的數據。這些傳感器（包括三軸加速度計）記錄數據，稍后在分析過程中將有助于檢測機器結構和功能中的異常情況。

可視化振動數據的最終目標是確保不斷監控工業機械數據，幫助檢測功能問題，并幫助應用預防性和糾正性維護。

LightningChart JS 通過提供最高性能的振動圖表來支持振動分析應用程序的開發，借助先進的 WebGL 渲染和 GPU 加速技術，可以實時處理數十億個數據點。

下載

LightningChart JS | 下載試用

以上就是全部關于LightningChart JS使用教程中使用 2D 和 3D 頻譜圖創建振動圖表應用程序。

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

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