Arction高性能图表控件JavaScript图表库LightningChart JS交互示例:百万点的渐进线

本文主要是介绍Arction高性能图表控件JavaScript图表库LightningChart JS交互示例:百万点的渐进线,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

LightningChart® JS 具有出色的运行性能,能同时输入十个实时数据源,极速输出10个百万点的图表。GPU加速和WebGL渲染保证设备的图形处理器得到有效利用,提高了刷新频率,使动画效果运行流畅。
在这里插入图片描述

渐进系列
渐进系列是高度优化的系列,用于在保持完全交互性的情况下呈现大容量和高密度数据。

通过选择DataPattern可以启用这些优化,该DataPattern需要在创建系列实例的过程中指定,并且由于性能相关的原因而无法进一步更改。

所述DataPatterns -collections对象包含渐进数据模式的所有不同的方向:

  • 选择DataPatterns.horizontalProgressive以有效处理水平渐进数据集。
  • 选择DataPatterns.horizontalRegressive以有效处理水平回归数据集。
  • 选择DataPatterns.verticalProgressive以有效处理垂直渐进数据集。
  • 选择DataPatterns.verticalRegressive以有效处理垂直回归数据集。

// Create line series optimized for horizontally progressive data.const series = chart.addLineSeries(
// Using the DataPatterns ojbect to select the certain pattern for the line series.
{ dataPattern: DataPatterns.horizontalProgressive })

注意:
基于指定DataPattern创建的系列仅针对所选模式进行了高度优化。我们不建议提供与指定的DataPattern矛盾的数据。

重点:
通过为x轴和y轴都指定ScrollStrategy,也可以自动进行渐进系列数据的滚动和优化,以高效执行滚动。

  • 选择AxisScrollStrategies.expansion。如果某些点超出比例,则自动增加比例。保留使用的标度的累进性/回归性。
  • 选择AxisScrollStrategies.fitting。如果某些点超出比例,则自动增加比例尺;如果空白空间过多,则自动减小比例尺。保留使用的标度的累进性/回归性。
  • 选择AxisScrollStrategies.progressive。自动向正方向滚动刻度。
  • 选择AxisScrollStrategies.regressive。自动将刻度滚动到负方向。
  • 传递未定义以禁用自动滚动。然后可以使用Axis的 setInterval方法手动设置比例

对于此特定示例,并基于选定的DataPatterns,轴的配置可以是AxisScrollStrategies.progressive或AxisScrollStrategies.regressive。

例如
DataPatterns.horizontalProgressive系列已创建。X轴滚动应使用 AxisScrollStrategies.progressive配置。Y滚动可以是任意值。
// Configure axis to have progressive scrolling.
axisX.setScrollStrategy( AxisScrollStrategies.progressive )
DataPatterns.horizontalRegressive系列已创建。X轴滚动应使用 AxisScrollStrategies.regressive配置。Y滚动可以是任意值。
// Configure axis to have regressive scrolling.
axisX.setScrollStrategy( AxisScrollStrategies.regressive )
DataPatterns.verticalProgressive系列已创建。Y轴滚动应使用 AxisScrollStrategies.progressive配置。X滚动可以是任何滚动。
// Configure axis to have progressive scrolling.
axisY.setScrollStrategy( AxisScrollStrategies.progressive )
DataPatterns.verticalRegressive系列已创建。Y轴滚动应使用 AxisScrollStrategies.regressive配置。X滚动可以是任何滚动。
// Configure axis to have regressive scrolling.
axisY.setScrollStrategy( AxisScrollStrategies.regressive )

LightningChart JS是基于WebGL的跨平台图表控件,应用于网站开发,软件开发,物联网,工程工业,商业交易等领域。 LightningChart JS拥有优越的渲染性能,从而确保高刷新率和平滑流畅的动画效果。同时具有可访问的API在线文档,广泛的功能和自定义的插件等等。LightningChart JS是一家坐落于北欧芬兰的控件开发商Arction Ltd的产品,是微软公司认证的合作伙伴。Arction专注于开发最高性能和最先进的数据可视化工具,设定行业最高标准。

这篇关于Arction高性能图表控件JavaScript图表库LightningChart JS交互示例:百万点的渐进线的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/836662

相关文章

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

Java并发编程必备之Synchronized关键字深入解析

《Java并发编程必备之Synchronized关键字深入解析》本文我们深入探索了Java中的Synchronized关键字,包括其互斥性和可重入性的特性,文章详细介绍了Synchronized的三种... 目录一、前言二、Synchronized关键字2.1 Synchronized的特性1. 互斥2.

Spring Boot 配置文件之类型、加载顺序与最佳实践记录

《SpringBoot配置文件之类型、加载顺序与最佳实践记录》SpringBoot的配置文件是灵活且强大的工具,通过合理的配置管理,可以让应用开发和部署更加高效,无论是简单的属性配置,还是复杂... 目录Spring Boot 配置文件详解一、Spring Boot 配置文件类型1.1 applicatio

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一