JavaScript图表库LightningChart JS交互示例：步骤图-控件新闻-慧都网

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

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

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

相关链接：

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

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

步骤系列

也称为步骤图或步骤图

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

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

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交互示例：步骤图

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自：