JavaScript图表库LightningChart JS交互示例:步骤图

翻译|使用教程|编辑:吴园园|2019-11-19 13:19:10.810|阅读 22 次

概述:本系列文章将为您介绍JavaScript图表库LightningChart JS交互示例,此示例显示如何绘制步骤图。

相关链接:

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

JavaScript图表库LightningChart JS最新版本v1.0.0发布,点击查看详情!

点击下载LightningChart JS社区版


步骤系列

也称为步骤图或步骤图

此示例显示了具有不同预处理模式的步骤系列的基本用法。与线系列相似,它在笛卡尔坐标系上绘制,表示两个变量之间的关系。但是,它用于可视化具有不规则波动的变化变量,从而形成阶梯状的级数。

以不规则间隔更改的数据在更改之间保持不变。图表的垂直上升线表示数据及其大小的变化,水平-区间内数据的恒定性。

JavaScript图表库LightningChart JS交互示例:步骤图

步骤系列的创建与任何基本线系列相同,唯一的区别是附加的可选参数指定了该系列的“步骤选项”。

const stepSeries = chart.addStepSeries( { mode: stepOption } )

无需准备数据,将根据选择的步进模式从提供的曲线自动生成步进图。

步骤选项

描述

之前

大小在下一个间隔开始之前发生变化。

中间

幅度在间隔的中点处更改。

之后

幅度在上一个间隔结束后发生变化。

该系列接受具有指定的IndividualPointFill 格式的点,以启用单个点着色或其他填充样式。一次调用即可添加任意数量的点,类似于带有点标记的线系列。{ x: number, y: number: color: Color }{ x: number, y: number }

推荐阅读:

LightningChart JS重磅上新,你值得拥有的性能最高的JavaScript图表库!

=====================================================

如果你想LightningChart JS应用于商业用途,欢迎咨询慧都在线客服

关注下方的微信公众号,及时获取产品最新资讯▼▼▼

JavaScript图表库LightningChart JS交互示例:步骤图



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:LightningChart JS https://www.arction.com/lightningchart-js-interactive-examples/#lcjs_example_0005_stepPlot

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
LightningChart JS

性能最高的JavaScript图表库,专注于实时数据可视化。

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat