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 Security自定义身份认证的实现方法

《SpringSecurity自定义身份认证的实现方法》:本文主要介绍SpringSecurity自定义身份认证的实现方法,下面对SpringSecurity的这三种自定义身份认证进行详细讲解,... 目录1.内存身份认证(1)创建配置类(2)验证内存身份认证2.JDBC身份认证(1)数据准备 (2)配置依

SpringBoot整合OpenFeign的完整指南

《SpringBoot整合OpenFeign的完整指南》OpenFeign是由Netflix开发的一个声明式Web服务客户端,它使得编写HTTP客户端变得更加简单,本文为大家介绍了SpringBoot... 目录什么是OpenFeign环境准备创建 Spring Boot 项目添加依赖启用 OpenFeig

Java Spring 中 @PostConstruct 注解使用原理及常见场景

《JavaSpring中@PostConstruct注解使用原理及常见场景》在JavaSpring中,@PostConstruct注解是一个非常实用的功能,它允许开发者在Spring容器完全初... 目录一、@PostConstruct 注解概述二、@PostConstruct 注解的基本使用2.1 基本代

springboot使用Scheduling实现动态增删启停定时任务教程

《springboot使用Scheduling实现动态增删启停定时任务教程》:本文主要介绍springboot使用Scheduling实现动态增删启停定时任务教程,具有很好的参考价值,希望对大家有... 目录1、配置定时任务需要的线程池2、创建ScheduledFuture的包装类3、注册定时任务,增加、删

SpringBoot整合mybatisPlus实现批量插入并获取ID详解

《SpringBoot整合mybatisPlus实现批量插入并获取ID详解》这篇文章主要为大家详细介绍了SpringBoot如何整合mybatisPlus实现批量插入并获取ID,文中的示例代码讲解详细... 目录【1】saveBATch(一万条数据总耗时:2478ms)【2】集合方式foreach(一万条数

IntelliJ IDEA 中配置 Spring MVC 环境的详细步骤及问题解决

《IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决》:本文主要介绍IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决,本文分步骤结合实例给大... 目录步骤 1:创建 Maven Web 项目步骤 2:添加 Spring MVC 依赖1、保存后执行2、将新的依赖

SpringBoot中配置文件的加载顺序解读

《SpringBoot中配置文件的加载顺序解读》:本文主要介绍SpringBoot中配置文件的加载顺序,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot配置文件的加载顺序1、命令⾏参数2、Java系统属性3、操作系统环境变量5、项目【外部】的ap

SpringBoot UserAgentUtils获取用户浏览器的用法

《SpringBootUserAgentUtils获取用户浏览器的用法》UserAgentUtils是于处理用户代理(User-Agent)字符串的工具类,一般用于解析和处理浏览器、操作系统以及设备... 目录介绍效果图依赖封装客户端工具封装IP工具实体类获取设备信息入库介绍UserAgentUtils

Spring 中的循环引用问题解决方法

《Spring中的循环引用问题解决方法》:本文主要介绍Spring中的循环引用问题解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录什么是循环引用?循环依赖三级缓存解决循环依赖二级缓存三级缓存本章来聊聊Spring 中的循环引用问题该如何解决。这里聊

pandas中位数填充空值的实现示例

《pandas中位数填充空值的实现示例》中位数填充是一种简单而有效的方法,用于填充数据集中缺失的值,本文就来介绍一下pandas中位数填充空值的实现,具有一定的参考价值,感兴趣的可以了解一下... 目录什么是中位数填充?为什么选择中位数填充?示例数据结果分析完整代码总结在数据分析和机器学习过程中,处理缺失数