news 2026/7/2 5:40:33

可视化工具LightningChart JS v8.1 重磅更新:热力图与 3D 可视化能力双提升!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
可视化工具LightningChart JS v8.1 重磅更新:热力图与 3D 可视化能力双提升!

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

LightningChart JS v.8.1 已正式发布了!新版本中新增热力图最值聚合、改进了等高线渲染等,一键提升可视化性能,欢迎立即申请最新版体验!

立即申请LightningChart JS v8.1新版下载

新产品功能

LightningChart JS v8.1引入了新的产品特性,以下是概述:

热力图(Heatmap)最值聚合

在本次 v8.1 版本中,热力图系列新增内置聚合功能,适用于极高密度的数据图表场景 —— 当多个数据点可能映射到屏幕上的同一个像素时,通过启用最值(min-max)聚合,可以确保用户在任意缩放状态下都能看到峰值。

可以使用heatmapSeries.setAggregation(‘max’)设置聚合,在下面的示例中,您可以看到中间的小红点,它们是为测试添加的异常值,看看它们是如何在原始的上层热图中不可见的。

热力图与表面图(Surface)等高线渲染

LightningChart JS 8.1还引入热力图及表面系列的内置等高线(contour)渲染算法,支持为每个等高线级别指定不同的描边样式与标签样式。

轮廓选项可设置如下:

Heatmap.setContours({ levels: [ { value: 10 }, { value: 30 } ] })
LineSeries3D查找值染色

3D线条系列现在支持加载单独的值属性(不是X、Y或Z),并根据该值为每个线段交替上色。

在ChartXY中插入自定义刻度

LightningChart JS v8.1引入了一个API来对齐系列内部区域的自定义刻度标签。以前这已经可以用于普通刻度,但不能用于自定义刻度,自定义刻度主要用于分类轴。

游标样式覆盖内置用户交互

用户交互配置API现在允许在不同的内置用户交互之间指定游标样式,类似地,也可以通过传递 `null` 值来禁用光标的样式:

chart.setUserInteractions({ pan: { cursor: 'grabbing', }, })
性能改进

该版本引入了性能增强,以下是摘要:

Rectangle 系列的渐进式“最近点(nearest)”解决方案

矩形系列现在可以自动将光标行为更改为渐进式变体,与其他XY系列相同。当使用直方图时,这是一个很好的改进,特别是当同一个图表包括几个直方图或一个直方图和另一个XY系列时。这是一个开箱即用的改进,不需要调用API。

热力图支持平坦数组输入

XY Heatmap 网格系列现在支持传入一维平坦格式数据,而非之前必须的二维数组(数组的数组)。在很多实际应用中,数据在加载或传输过程中即已为平坦格式。此前虽然转换为矩阵速度较快,但对于大型热力图仍然增加加载时间且可能较为占内存。

新 API 还支持 Typed Arrays(如 Float32Array、Float64Array),特别适合在使用 Web Workers 进行异步 FFT 计算或类似场景时,极大提升数据加载效率与内存利用。

开发人员体验改进

LightningChart JS 8.1引入了关键的图表捕获方法:

缩放参数到captureFrame/saveToFile方法,scale参数允许捕获图表的屏幕截图,同时按任意比例放大或缩小图表。例如,以下是放大2倍的截图代码:

chart.saveToFile('screenshot', undefined, undefined, 2)
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/30 5:14:38

【Java毕设全套源码+文档】基于springboot的敦煌文化旅游管理系统的设计与实现(丰富项目+远程调试+讲解+定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/7/1 21:21:12

12、文件压缩与归档操作指南

文件压缩与归档操作指南 在日常的文件管理中,文件的压缩与归档是非常常见的操作。它可以帮助我们节省存储空间、方便文件传输等。本文将详细介绍几种常见的文件压缩与归档工具,包括 Zip、gzip、bzip2 和 tar,并给出具体的操作步骤和示例代码。 1. Zip 文件的密码保护 Zip…

作者头像 李华
网站建设 2026/7/1 13:31:50

7、供应链物流中的量子启发式数据驱动决策

供应链物流中的量子启发式数据驱动决策 1. 引言 在当今全球化的市场中,供应链物流是现代商业的关键基石,它连接着供应商、制造商、经销商和消费者。随着供应链变得日益复杂和相互关联,传统的决策方法已难以满足现代物流运营的需求。而量子计算和数据驱动决策的融合,为供应…

作者头像 李华
网站建设 2026/6/30 23:13:24

jQuery EasyUI 拖放 - 创建学校课程表

jQuery EasyUI 拖放 - 创建学校课程表 使用 jQuery EasyUI 的 draggable 和 droppable 插件,可以轻松实现一个交互式的学校课程表(Timetable)。左侧显示可选课程科目,用户可以将科目拖动到右侧的课程表单元格中安排课表。支持从左…

作者头像 李华
网站建设 2026/7/2 0:18:50

10、AI与量子计算融合:革新库存管理的新范式

AI与量子计算融合:革新库存管理的新范式 1. 引言 在供应链管理领域,效率、敏捷性和成本效益一直是追求的核心目标。随着全球化重塑市场格局,消费者行为快速演变,企业面临着满足增长需求和应对复杂供应网络的双重挑战。在这一背景下,人工智能(AI)和量子计算成为变革库存…

作者头像 李华
网站建设 2026/6/30 21:39:44

13、量子计算助力供应链实时决策

量子计算助力供应链实时决策 1. 引言 量子计算作为一项前沿技术,有望彻底改变供应链决策方式。它借助量子物理原理,提供了无与伦比的处理能力和速度,能够对供应链流程进行实时分析和优化。尽管在应用过程中面临一些障碍,如缺乏量子专家和与现有基础设施集成困难等,但量子…

作者头像 李华