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

具体更新详情如下:

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

3D网格模型

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

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

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

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

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

柱状图

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

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

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

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

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

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