彩票走势图

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

翻译|使用教程|编辑:董玉霞|2022-05-23 11:50:03.047|阅读 477 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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

LightningCharts JS官方正版下载

创建 2D 和 3D 频谱图目

下面解释的代码将在.map 函数中执行,这意味着仪表板中的对象将根据我们的 [ channelList ] 对象中存在的通道数创建。

JS图表控件LightningCharts JS

getDefaultAxisX =获取对ChartXY的默认 X 轴 的 引用。

这将始终返回对最接近图表的X 轴的引用(从底部开始)。[ getDefaultAxisX ]下面的所有方法都只会影响 X 轴。(如果您需要参考 Y 轴 [ getDefaultAxisY ],则使用相同的逻辑)。

setTickStrategy = 它以毫秒为单位显示我们的声波的时间值。

setScrollStrategy = 在指定轴上分配滚动行为。

setInterval =设置轴刻度间隔。参数可能会因图表类型而异。

在这种情况下,从 [historyMs] 常数获得起始比例值。0 等于刻度的结束值。

setTitle = 在指定轴上显示的标题。

这些相同的属性将应用于3D 图表:

JS图表控件LightningCharts JS

我们将分配表示音频波所需的图表类型,在这种情况下,我们将使用2D 和 3D 频谱图,这种可视化是实时完成的,并模拟振动分析应用程序的音频指标实时测量、分析和显示它们:

JS图表控件LightningCharts JS

对于我们的2D 图表,我们将使用 [ addHeatmapScrollingGridSeries ] 类。

此类将允许我们使用HeatmapGrid图表来表示我们的音频波形。

对于我们的3D 图表,我们将使用 [ addSurfaceScrollingGridSeries ] 类。

配置无限传输

JS图表控件LightningCharts JS

[ setInterval]函数从一组静态数据配置无限流。

它利用了 [ bufferIncomingSamples ] 函数,该函数负责保证静态采样率,即使输入数据可能会发生变化。 这是通过跳过过于频繁的样本并复制相距太远的样本来完成的。

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

JS图表控件LightningCharts JS

[ bufferIncomingSamples ]:

JS图表控件LightningCharts JS

振动测量和监测的频谱图。

频谱图只是可用于监控和可视化振动数据的图表的一个示例。其他振动图表包括多通道数据监控图表、音频可视化或频谱图 XY 投影图表。

在振动分析过程中,振动图表显示通过连接到机械的多个传感器收集的数据。这些传感器(包括三轴加速度计)记录数据,稍后在分析过程中将有助于检测机器结构和功能中的异常情况。

可视化振动数据的最终目标是确保不断监控工业机械数据,帮助检测功能问题,并帮助应用预防性和纠正性维护。

LightningChart JS 通过提供最高性能的振动图表来支持振动分析应用程序的开发,借助先进的 WebGL 渲染和 GPU 加速技术,可以实时处理数十亿个数据点。

可以点击下载以下链接,生成您自己的带有 LightningChart JS 2D 和 3D 频谱图的振动分析应用程序。

下载

LightningChart JS | 下载试用

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

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

想要了解或购买LightningChart JS正版授权的朋友,欢迎咨询


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP