高性能JS图表库LightningChart JS全新发布v5.1 — 新的可视化改进

LightningChart JS是Web上性能特高的图表库,具有出色的执行性能 - 使用高数据速率同时监控数十个数据源。 GPU加速和WebGL渲染确保您的设备的图形处理器得到有效利用,从而实现高刷新率和流畅的动画,常用于贸易,工程,航空航天,医药和其他领域的应用。

LightningChart JS v5.1正式版下载

具体更新详情如下:

LightningChart JS v5.1版本办函了新的图表实例、新特性、可视化改进和React更新等。

3D网格模型

此版本正在引入新的3D网格模型图表类型,用于高性能渲染复杂的3D几何形状。3D网格模型使用调色板填充由顶点值着色,下面是一些例子:

LightningChart JS v5.1产品图集

脑电数据实时可视化的三维网格模型

LightningChart JS v5.1产品图集

展示动态着色的3D网格模型

柱状图

新版本添加了两个新的条形图:堆叠条形图和分组条形图,当比较总价值内的不同类别时,堆叠条形图非常有用。在下一个例子中,我们可以看到移动操作系统的市场份额,并很容易地看到不同操作系统在过去几年的份额。

LightningChart JS v5.1产品图集

JavaScript堆叠条形图

新功能

基于百分比的颜色查找表可以自动将初始/最小值(例如,0)标记为红色,将最终/最大值(例如,100)标记为绿色,并将中间值标记为红绿插值。

百分比LUTs目前仅支持点系列、热图系列和表面系列的特性,现在建议将百分比LUTs仅用于静态用例(而不是实时数据更新)。

// Example use code
New PaletedFill ({
lut: new LUT({
steps: [
{ value: 0, color: ColorCSS(‘red’) },
{ value: 1, color: ColorCSS(‘green’) },
],
percentageValues: true,
interpolate: true,
}),
})
热图位置和比例尺运行时修改

新版本为所有静态和滚动热图、表面系列添加了新的方法:

  • setStart
  • setStep
  • setEnd

以前这些属性只能在创建系列时指定,之后不能修改。

提高LUT精度

根据用户反馈,我们修复了在各种系列类型中使用LUT进行动态着色时出现的一些精度问题。

React更新

此版本已经更新了React示例文件,以便使用更新版本的LightningChart JS v.5.x,并添加了使用React开发时的最佳实践和优化列表。

@arction/react-time-series-chart

LightningChart JS v5.1产品图集

现在引入了@arction/react-time-series-chart,这是一个强大的开源React组件,用于交互式和重型时间序列图表。

LightningChart JS v5.1产品图集

  • 15
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值