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

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

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

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

LightningChart JS最新试用版

线系列

也称为折线图。

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

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

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

// 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}])

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

图片2.jpg

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年7月24日
下一篇 2019年7月24日

相关推荐

发表回复

登录后才能评论