JS图表控件LightningCharts JS使用教程：创建2D 和 3D 频谱图。

在本文中，我们将使用LightningCharts JS创建 2D 和 3D 频谱图。

在本文中，我们将使用

创建 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 2D 和 3D 频谱图的振动分析应用程序。

LightningChart JS | 下载试用

以上就是全部关于LightningChart JS使用教程中使用 2D 和 3D 频谱图创建振动图表应用程序。

LightningChart JS是性能最高的JavaScript图表库，专注于实时数据可视化。

想要了解或购买LightningChart JS正版授权的朋友，欢迎咨询官方客服

标签：

来源：慧都