码迷,mamicode.com
首页 > Web开发 > 详细

LightningChartJS网页图表代码示例--Lineseries线性图

时间:2020-01-29 21:58:29      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:pre   number   tip   chart   int   建立   lines   直线   代码   

下面的代码给出了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 }形式的点 。任何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} ])

LightningChartJS网页图表代码示例--Lineseries线性图

标签:pre   number   tip   chart   int   建立   lines   直线   代码   

原文地址:https://www.cnblogs.com/lightningchart/p/12241219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!