高性能图表库LightningChart JS v5.0 - 轻松实现图表自定义布局

news2024/9/24 5:33:03

LightningChart JS是Web上性能最高的图表库具有出色的执行性能 - 使用高数据速率同时监控数十个数据源。 GPU加速和WebGL渲染确保您的设备的图形处理器得到有效利用,从而实现高刷新率和流畅的动画。

点击获取LightningChart JS v5.0正式版下载

LightningChart JS 5.0是一个主要版本,它带来了新的产品特性、视觉效果和开发人员体验的改进!

WebGL上下文共享

在这次更新中,基于大量的用户需求,LC JS引入了WebGL上下文共享:一个多图表应用程序开发的变革特性。从版本v.5.0开始,用户可以轻松地使用HTML div元素为每个图表定义布局,并使用CSS定位。LightningChart JS优化所有图表的渲染,而不需要考虑它们的位置或数量。

这种增强简化了将高性能图表集成到复杂布局中的过程,并支持图表重排、动态图表修改、下钻视图和移动友好设计等高级功能。

在使用LightningChart JS时,新版本还实现了不同的新功能来改善UI。

单个结果表字体和颜色

当鼠标悬停在数据上时,用户可以看到一个显示结果的框。现在可以使用不同的字体或颜色样式自定义每个结果。例如一个标签可能是粗体样式,另一个标签可能使用斜体样式等。在以前的LC JS版本中,这是不可能的,表格中的所有结果都具有相同的字体和填充样式。

LightningChart JS v5.0新版产品图集

更多点形状类型

新版本中添加了新的点形状和pointLineSeries,包括箭头、十字、菱形、减号、正号和星号类型,这些新类型也显示在附图中。

LightningChart JS v5.0新版产品图集

在饼图、漏斗图和金字塔图上的自动游标

通过在饼图切片上添加自动游标,将鼠标悬停在切片上将显示相应的切片值。

LightningChart JS v5.0新版产品图集

性能改进
图系列优化

在此版本中,所有图形系列类型(包括分段、矩形、椭圆和方框系列)的性能都得到了提升。在之前的LC JS 4.0中,图形系列以10-20 FPS的速度在1.4秒内加载了1000个盒子。

在LC JS 5.0中,图形系列现在可以在0.5秒内加载10,000个盒子。同样地,即使所有动画、光标、缩放和平移都被启用,FPS性能也提高到60 FPS。

提高视觉质量

对于这个版本,技术团队重做了JS图表的关键功能,以下是其中的一些:

缩放波段图

最新的更新引入了一个重制的缩放波段图功能,为用户提供了一个增强的体验和改进的美学,主图表中没有显示的数据现在被巧妙地调暗,确保用户只关注相关数据。

通过可拖动的“笔尖”,交互变得直观,用户可以轻松地使用鼠标滚轮或点击缩放带图来修改视图。除了这些视觉增强之外,API也得到了简化,使其不仅更加健壮,而且用户友好。

LightningChart JS v5.0新版产品图集

光标点标记

现在当您悬停时,默认情况下将在光标位置显示一个小的十字准星。对于那些寻求自定义的用户,可以灵活地选择各种点形状,如钻石,圆形,星形,方形等,确保更定制的用户交互。

LightningChart JS v5.0新版产品图集

开发体验改进

根据热图用户的反馈,我们意识到由于高数据速率导致样本以不同的延迟和偶尔错误的顺序流而面临的挑战。

为了增强用户体验并解决这些问题,新版本中引入了一个新的API,这个API便于直接输入时间戳热图样本,确保准确的数据表示,即使样本不按顺序到达。这一重大升级极大地增强了终端用户的便利性。

LightningChart JS v5.0新版产品图集

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1201751.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

如何压缩文件?学会这4个简单方法!

“我有一些文件需要发送,但是文件太大了无法发送,我想把它们压缩但是不知道怎么操作。怎么压缩文件呢?谁能帮我出出主意呀?” 在数字化时代,文件传输和存储变得日益重要。压缩文件是一种有效的方式,可以减小…

清单式管理提高巡检质量——巡检管理系统体系化管理

巡检管理系统采用体系化的清单式管理方法,减少巡检工作中人为因素的误差,让巡检工作落实到细节,并有迹可查。 清单式管理是一种高效、系统化的巡检方法,广泛应用于各种行业和领域。通过制定详细的巡检清单,明确巡检内容…

MATLAB Simulink和SMART PLC水箱液位高度PID控制联合仿真

SMART PLC 向导PID的详细介绍请查看下面文章链接: S7-200 SMART PLC PID向导详细介绍(如何实现P、PD、PID控制器)-CSDN博客文章浏览阅读1k次。这篇博客主要介绍SMART PLC PID向导的使用,PID控制相关的其它内容请查看专栏系列文章,常用链接如下:SMART PLC PID负压控制(过程…

简洁高效的微信小程序分页器封装实践

前言 在现今的移动应用开发中,微信小程序已经成为了一个备受欢迎的平台。然而,随着应用的复杂性增加,数据的管理和加载成为了一个问题。本文将探讨微信小程序中的一个关键概念:封装分页器,它是提升小程序性能和用户体验…

windows qos api使用示例

简介 本文给出C版以及Rust版调用windows API实现QOS的示例,并提出一些注意事项。QOS可以用来区分socket 优先级、实现带宽控制等诸多功能。 UDP版本 该示例的重要部分是客户端应用程序。客户端代码的工作方式如下: 1. 通过套接字连接到目标 IP 地址。…

手把手教你数据流图如何画,轻松搞定!

数据流图是一种强大的工具,用于可视化和分析系统中的数据流动和处理过程。它不仅能够帮助我们更好地理解系统的功能和流程,还能够帮助我们发现和解决潜在的问题。在本篇文章中,我们将手把手教你掌握数据流图。 一、数据流图的概念和构成元素 …

合合信息亮相新加坡科技周——Big Data AI World Expo展示AI驱动文档数字化的前沿能力

展会规模背景: 2023年10月11日-12日,合合信息在TECH WEEK SINGAPORE(新加坡科技周)亮相,并在人工智能世界博览会(Big Data & AI World)展示合合信息核心人工智能文字识别技术能力。合合信息…

cadence virtuoso 导出电路图

去掉网格:option-display file-export image

FPGA高端项目:图像采集+GTX+UDP架构,高速接口以太网视频传输,提供2套工程源码加QT上位机源码和技术支持

目录 1、前言免责声明本项目特点 2、相关方案推荐我这里已有的 GT 高速接口解决方案我这里已有的以太网方案 3、设计思路框架设计框图视频源选择OV5640摄像头配置及采集动态彩条视频数据组包GTX 全网最细解读GTX 基本结构GTX 发送和接收处理流程GTX 的参考时钟GTX 发送接口GTX …

如何在电脑和手机设备上编辑只读 PDF

我们大多数人更喜欢以 PDF 格式共享和查看文件,因为它更专业、更便携。但是,通常情况下您被拒绝访问除查看之外的内容编辑、复制或评论。如果您希望更好地控制您的 PDF 或更灵活地编辑它,请弄清楚为什么您的 PDF 是只读的,然后使用…

Final Cut Pro X for Mac:打造专业级视频剪辑的终极利器

随着数字媒体技术的不断发展,视频剪辑已经成为各行各业不可或缺的一部分。Final Cut Pro X for Mac作为一款专业的视频剪辑软件,凭借其强大的功能和易用性,已经成为Mac用户的首选。本文将向您详细介绍Final Cut Pro X for Mac的优势、功能以及…

思维导图软件 Xmind mac中文版软件特点

XMind mac是一款思维导图软件,可以帮助用户创建各种类型的思维导图和概念图。 XMind mac软件特点 - 多样化的导图类型:XMind提供了多种类型的导图,如鱼骨图、树形图、机构图等,可以满足不同用户的需求。 - 强大的功能和工具&#…

C++——const成员

这里先用队列举例&#xff1a; #define _CRT_SECURE_NO_WARNINGS 1 #include <iostream> #include <assert.h> using namespace std; class SeqList { public:void pushBack(int data){if (_size _capacity){int* tmp (int*)realloc(a, sizeof(int) * 4);if (tm…

Linux虚拟机的安装

文章目录 1. 准备虚拟机2. 安装所需软件3. 上传项目文件4. 配置项目环境5. 安装项目依赖6. 数据库设置7. 启动项目8. 测试项目9. 设置域名和DNS&#xff08;可选&#xff09;10. 定期维护11. 使用反向代理&#xff08;可选&#xff09;12. 安全性加固13. 使用容器化技术&#x…

操作系统概念

一、是什么 操作系统&#xff08;Operating System&#xff0c;缩写&#xff1a;OS&#xff09;是一组主管并控制计算机操作、运用和运行硬件、软件资源和提供公共服务来组织用户交互的相互关联的系统软件程序&#xff0c;同时也是计算机系统的内核与基石 简单来讲&#xff0…

springboot rocketmq 延时消息、延迟消息

rocketmq也有延迟消息&#xff0c;经典的应用场景&#xff1a;订单30分钟未支付&#xff0c;则取消的场景 其他博客提到从rocketmq5.0开始&#xff0c;支持自定义延迟时间&#xff0c;4.x只支持预定义延迟时间&#xff0c;安装rocketmq可参考RocketMq简介及安装、docker安装ro…

1.jvm基本知识

目录 概述jvm虚拟机三问jvm是什么&#xff1f;java 和 jvm 的关系 为什么学jvm怎么学习为什么jvm调优?什么时候jvm调优调优调什么 结束 概述 jvm虚拟机三问 jvm是什么&#xff1f; 广义上指的是一种规范&#xff0c;狭义上是 jdk 中的 jvm 虚拟机(实际上是各厂商实现的虚拟…

PCBA表面污染的分类及处理方法

NO.1 引言 在PCBA生产过程中&#xff0c;锡膏和助焊剂会产生残留物质&#xff0c;残留物中包含的有机酸和电离子&#xff0c;前者易腐蚀PCBA&#xff0c;后者会造成焊盘间短路故障。且近年来&#xff0c;用户对产品的清洁度要求越来越严格&#xff0c;PCBA清洗工艺逐渐被电子组…

Rust图形界面:从零开始创建eGUi项目

文章目录 创建组件show函数 egui系列&#xff1a;初步 创建 首先&#xff0c;用cargo创建一个新项目&#xff0c;并添加eframe cargo new hello cd hello cargo add eframe cargo run尽管默认创建的项目只实现了输出Hello world功能&#xff0c;但添加了eframe库&#xff0c…

高频SQL50题(基础班)-4

文章目录 主要内容一.SQL练习题1.1789-员工的直属部门代码如下&#xff08;示例&#xff09;: 2.610-判断三角形代码如下&#xff08;示例&#xff09;: 3.180-连续出现的数字代码如下&#xff08;示例&#xff09;: 4.1164-指定日期的产品价格代码如下&#xff08;示例&#x…