LightningChart JS是Web上性能特高的图表库,具有出色的执行性能 - 使用高数据速率同时监控数十个数据源。 GPU加速和WebGL渲染确保您的设备的图形处理器得到有效利用,从而实现高刷新率和流畅的动画,常用于贸易,工程,航空航天,医药和其他领域的应用。
具体更新详情如下:
LightningChart JS v5.1版本办函了新的图表实例、新特性、可视化改进和React更新等。
3D网格模型
此版本正在引入新的3D网格模型图表类型,用于高性能渲染复杂的3D几何形状。3D网格模型使用调色板填充由顶点值着色,下面是一些例子:
脑电数据实时可视化的三维网格模型
展示动态着色的3D网格模型
柱状图
新版本添加了两个新的条形图:堆叠条形图和分组条形图,当比较总价值内的不同类别时,堆叠条形图非常有用。在下一个例子中,我们可以看到移动操作系统的市场份额,并很容易地看到不同操作系统在过去几年的份额。
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
现在引入了@arction/react-time-series-chart,这是一个强大的开源React组件,用于交互式和重型时间序列图表。