Javascript高性能WebGL图表--LightningChart JS

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

 

Web上性能最高的图表库

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

 Javascript高性能WebGL图表--LightningChart JS

良好用户体验

LightningChart®JS极其强大的渲染功能可确保平滑的动画超出所有行业标准的每个图表数据量。图形库提供直观的触摸屏交互,包括缩放,平移,移动数据光标等。

仪表板控件使管理数十个图表,图例框,按钮,复选框和其他UI元素变得简单方便。仪表板在单个GPU场景中以资源有效的方式呈现,这也使得非常快速地调整列和行的大小。

 

特征:

交易演示

LightningChart JS Trading展示应用程序

特征

l OHLC

l 简单移动平均线

l 指数移动平均线

l 波林格区间

l 体积

l 相对强度指数

 Javascript高性能WebGL图表--LightningChart JS

实时滚动

LightningChart JS Streaming数据展示应用程序

跨多个通道实时滚动大量随机数据。

图表上显示了每秒渲染的帧数(FPS)和每秒输入的数据点数(PPS)。

Javascript高性能WebGL图表--LightningChart JS

静态数据速度测试

LightningChart JS渲染速度展示应用程序

测量呈现具有一百万个数据点的LineSeries所需的时间(以毫秒为单位)。

结果显示在图表上。

 Javascript高性能WebGL图表--LightningChart JS

 

音频可视化

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

l 最新样品的光谱。

l 看到的最大频率。

l 衰减频率历史记录。

 

功能

——XY图表

l 系列类型:线和点系列,区域系列,区域范围系列,OHLC系列,样条系列,阶梯系列,PointLine系列,矩形,椭圆,箱须和线段系列。

l 线性轴可以放置在左/右/上/下,每个图表可以有多个X和Y轴。

l 缩放模式包括拟合,扩展,渐进/回归和手动。

l 标记和数据游标具有可自定义的形状和样式。

l 自定义刻度可以放置在任何轴上。

l 将数字和日期时间格式与轴刻度一起使用。

 

 

——热图

在XY图表中可用。

使用IntensityGrid选项创建2D矩形热图。

使用IntensityMesh选项创建2D网格热图。

使用热图创建频谱图。

Javascript高性能WebGL图表--LightningChart JS 

 

——缩放带图

l 将可自定义的,易于使用的缩放带状图添加到仪表板内的XY形图中。

l 自动将所有系列添加到它所连接的Axis中。

l 也会自动跟随其所附着的轴的比例。

l 可以与之交互,并可以用来更改其所附的图表中的视图。

 Javascript高性能WebGL图表--LightningChart JS

 

——雷达/蜘蛛图

l 分类自动生成的轴。

l 线,点和填充区域系列。

l 数据游标具有可自定义的形状和样式。

Javascript高性能WebGL图表--LightningChart JS 

 

——饼图/甜甜圈图

l 可以使用不同的填充和边框样式来设置切片的样式。

l 切片的完全可自定义的排序和格式。

l 切片值过渡以及布置/还原均具有动画效果。

l 标签可以设置在带有连接线的一侧,也可以设置在切片内

l 切片可以通过编程方式或通过鼠标/触摸“爆炸”。

 Javascript高性能WebGL图表--LightningChart JS

——漏斗图

l 可以使用不同的填充和描边样式设置切片的样式。

l 切片之间可能有空白。

l 切片的完全可自定义的排序和格式。

l 可以在带有连接器线的一侧或内部切片中放置标签。

l 根据切片的值显示切片的两种不同方式:可变宽度和可变高度。

l 切片可以设置动画。更改切片的值,添加和删除切片均支持动画。

l 用户可以为所有切片启用或禁用动画。

 Javascript高性能WebGL图表--LightningChart JS

——量规表

l 可以使用不同的填充和描边样式来设置量表的样式。

l 设置量规的厚度。

l 可以使用不同的填充样式设置“量具切片”的样式。

l 切片的完全可自定义的格式和样式。

l 自定义量规的起始和终止角度。

l 自定义量规的值间隔。

l 测量值的变化,间隔和角度的过渡以及测量仪的布置/恢复都是动态的。

 Javascript高性能WebGL图表--LightningChart JS

——金字塔图

l 可可以使用不同的填充和描边样式设置切片的样式。

l 切片之间可能有空白。

l 切片的完全可自定义的排序和格式。

l 可以在带有连接器线的一侧或内部切片中放置标签。

l 切片可以设置动画。更改切片的值,添加和删除切片均支持动画。

l 用户可以为所有切片启用或禁用动画。

 

技术要求

硬件

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专注于开发最高性能和最先进的数据可视化工具,设定行业最高标准。

上一篇:初始 webgl(一)


下一篇:WebGL和OpenGL的联系和区别