Bootstrap

LightningChart JS 网页图表代码示例--Line series 线性图

下面的代码给出了一个基本线性图的使用。线性图在笛卡尔坐标上绘制,表现两个变量之间的关系。直线段连接成数据点,线性图将信息作为这些数据点显示出来。一般用来显示数据变化或展示数据集的趋势。

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

 

下列代码可以帮您建立简单的图表

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

更多信息请访问官网API

 

;