Javascript高性能WebGL图表--LightningChart JS

LightningChart JS是一款高性能的JavaScript图表库,专用于实时数据可视化。利用GPU加速和WebGL渲染,实现高刷新率和流畅动画,支持处理大量实时数据点。它提供各种图表类型如XY图表、热图、雷达图、饼图、漏斗图、量规表和金字塔图,适用于多种数据展示需求。此外,还具备强大的交互性和定制功能。

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

Web上性能最高的图表库
LightningChart®JS具有出色的执行性能-使用高数据速率同时监视数十个数据馈送。
GPU加速和WebGL渲染可确保有效利用设备的图形处理器,从而实现高刷新率和流畅的动画效果。
性能高达TENS的数百万在实时数据点
在这里插入图片描述

良好用户体验
LightningChart®JS极其强大的渲染功能可确保平滑的动画超出所有行业标准的每个图表数据量。图形库提供直观的触摸屏交互,包括缩放,平移,移动数据光标等。
仪表板控件使管理数十个图表,图例框,按钮,复选框和其他UI元素变得简单方便。仪表板在单个GPU场景中以资源有效的方式呈现,这也使得非常快速地调整列和行的大小。

特征:

交易演示
LightningChart JS Trading展示应用程序
特征

  • OHLC
  • 简单移动平均线
  • 指数移动平均线
  • 波林格区间
  • 体积
  • 相对强度指数
    在这里插入图片描述

实时滚动
LightningChart JS Streaming数据展示应用程序
跨多个通道实时滚动大量随机数据。
图表上显示了每秒渲染的帧数(FPS)和每秒输入的数据点数(PPS)。
在这里插入图片描述

静态数据速度测试
LightningChart JS渲染速度展示应用程序
测量呈现具有一百万个数据点的LineSeries所需的时间(以毫秒为单位)。
结果显示在图表上。
在这里插入图片描述

音频可视化
使用Web Audio API实时提取音频数据。Web Audio API具有.createAnalyser()方法,可用于创建新的AnalyzerNode。AnalyzerNode具有获取时域数据(波形)和频率数据的方法,这些数据是来自音频信号的快速傅立叶变换的数据。时域数据按时域图显示。相同的数据也被推送到波形历史记录图表中。该图表显示了音频输入的最后一百万个样本。最后一个图表Spectrum用于显示三个不同的序列。

  • 最新样品的光谱。
  • 看到的最大频率。
  • 衰减频率历史记录。

在这里插入图片描述

功能

——XY图表

  • 系列类型:线和点系列,区域系列,区域范围系列,OHLC系列,样条系列,阶梯系列,PointLine系列,矩形,椭圆,箱须和线段系列。
  • 线性轴可以放置在左/右/上/下,每个图表可以有多个X和Y轴。
  • 缩放模式包括拟合,扩展,渐进/回归和手动。
  • 标记和数据游标具有可自定义的形状和样式。
  • 自定义刻度可以放置在任何轴上。
  • 将数字和日期时间格式与轴刻度一起使用。
    在这里插入图片描述

——热图

  • 在XY图表中可用。
  • 使用IntensityGrid选项创建2D矩形热图。
  • 使用IntensityMesh选项创建2D网格热图。
  • 使用热图创建频谱图。
    在这里插入图片描述

——缩放带图

  • 将可自定义的,易于使用的缩放带状图添加到仪表板内的XY形图中。
  • 自动将所有系列添加到它所连接的Axis中。
  • 也会自动跟随其所附着的轴的比例。
  • 可以与之交互,并可以用来更改其所附的图表中的视图。
    在这里插入图片描述

——雷达/蜘蛛图

  • 分类自动生成的轴。
  • 线,点和填充区域系列。
  • 数据游标具有可自定义的形状和样式。
    在这里插入图片描述

——饼图/甜甜圈图

  • 可以使用不同的填充和边框样式来设置切片的样式。
  • 切片的完全可自定义的排序和格式。
  • 切片值过渡以及布置/还原均具有动画效果。
  • 标签可以设置在带有连接线的一侧,也可以设置在切片内
  • 切片可以通过编程方式或通过鼠标/触摸“爆炸”。
    在这里插入图片描述

——漏斗图

  • 可以使用不同的填充和描边样式设置切片的样式。
  • 切片之间可能有空白。
  • 切片的完全可自定义的排序和格式。
  • 可以在带有连接器线的一侧或内部切片中放置标签。
  • 根据切片的值显示切片的两种不同方式:可变宽度和可变高度。
  • 切片可以设置动画。更改切片的值,添加和删除切片均支持动画。
  • 用户可以为所有切片启用或禁用动画。
    在这里插入图片描述

——量规表

  • 可以使用不同的填充和描边样式来设置量表的样式。
  • 设置量规的厚度。
  • 可以使用不同的填充样式设置“量具切片”的样式。
  • 切片的完全可自定义的格式和样式。
  • 自定义量规的起始和终止角度。
  • 自定义量规的值间隔。
  • 测量值的变化,间隔和角度的过渡以及测量仪的布置/恢复都是动态的。
    在这里插入图片描述

——金字塔图

  • 可可以使用不同的填充和描边样式设置切片的样式。
  • 切片之间可能有空白。
  • 切片的完全可自定义的排序和格式。
  • 可以在带有连接器线的一侧或内部切片中放置标签。
  • 切片可以设置动画。更改切片的值,添加和删除切片均支持动画。
  • 用户可以为所有切片启用或禁用动画。
    在这里插入图片描述

技术要求

硬件
WebGL兼容的图形硬件,以及最近更新的驱动程序/软件。

软件
Arction 2018年12月测试的兼容网络浏览器:
Google Chrome,Mozilla Firefox,Microsoft Edge,Safari,Opera,Yandex,百度,Maxthon,Sogou,360 chrome,QQ,猎豹/猎豹

关于LightningChart

LightningChart是一家坐落于北欧芬兰的控件开发商Arction Ltd的产品,是微软公司认证的合作伙伴。高性能图标控件LightningChart高效渲染效率很受.NET开发者青睐。Arction在重塑图表控件领域中做出极大成绩: 2009年,Arction成为业界第一家WinForms图表控件领域中引入DirectX 2D渲染的制造商; 2013年,以第一家针对WPF制图行业中使用DirectX引入真正硬件加速的制造商而闻名; 近年来,Arction专注于开发最高性能和最先进的数据可视化工具,设定行业最高标准。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值