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

JavaScript图表库LightningChart JS交互示例：折线图

翻译|使用教程|编辑：吴园园|2019-08-27 11:24:10.230|阅读 956 次

概述：本系列文章将为您介绍JavaScript图表库LightningChart JS交互示例，本篇文章将为您带来折线图。

相关链接：

JavaScript图表库LightningChart JS交互示例：折线图

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

线系列

也称为折线图。

此示例显示了系列的基本用法。线系列在笛卡尔坐标系上绘制，表示两个变量之间的关系。线系列将信息显示为由直线段连接的一系列数据点。它们通常用于可视化数据中的更改或显示数据集中的趋势。

这种类型的系列不包含数据点的“标记”的可视化表示，但仅包含所有数据点之间的连续连接线。此外，它允许在任何方向绘制线条。

可以使用几行简单的代码创建图表：

// Create a new ChartXY.const chart = lightningChart().ChartXY()// Add a line series using default X and Y axes.const series = chart.addLineSeries()

该系列接受格式的点数。一次通话即可添加任意数量的积分。{ x: number, y: number }

// Single point.series.add({ x: 50, y: 60 })// Multiple points at once.series.add([
    { x: 55, y: 60 },
    { x: 60, y: 62},
    { x: 65, y: 65}])

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

图片2.jpg

标签：

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

文章转载自：LightningChart JS