图表控件LightningChart .NET 使用教程：带有 PointLineSeries 的简单 2D 图表

今天将为大家介绍在LightningChart 中如何带有 PointLineSeries 的简单 2D 图表。

LightningChart.NET是高性能WPF和Winforms图表,可以实时可视化多达1万亿个数据点。

今天将为大家介绍在LightningChart 中如何带有 PointLineSeries 的简单 2D 图表。

使用项目中包含的 LightningCharts DLL，您可以创建您的第一个图表。我们将首先为没有 MVVM 实现的 WinForms 和 WPF 平台创建一个简单的折线图。

可以将图表添加到设计器中，例如（窗体、窗口、 格、面板等）并使用属性窗口进行配置。但是，本教程系列展示了如何在代码中创建所有内容，从而为进一步的项目开发提供可维护性的最佳方式。

1. 创建图表

   // Create chart.var chart = new LightningChart();

2. 设置图表的父容器将被渲染

WinForms:

// Set chart control into the parent container.chart.Parent = this;chart.Dock = DockStyle.Fill;

WPF：

// Set chart control into the parent container.(Content as Grid).Children.Add(chart);

3. 为系列生成数据

   // Generate data for series.var rand = new Random();int pointCounter = 70;var data = new SeriesPoint[pointCounter];for (int i = 0; i < pointCounter; i++){      data[i].X = (double)i;      data[i].Y = rand.Next(0, 100);}

4. 定义 X 轴和 Y 轴的变量

   // Define variables for X- and Y-axis.var axisX = chart.ViewXY.XAxes[0];var axisY = chart.ViewXY.YAxes[0];

5. 创建线性系列，例如 PointLineSeries

   // Create a new PointLineSeries.var series = new PointLineSeries(chart.ViewXY, axisX, axisY);series.LineStyle.Color = Color.Orange;

6. 将生成的数据点设置为系列

   // Set data-points into series.series.Points = data;

7. 将系列添加到图表

   // Add series to chart.chart.ViewXY.PointLineSeries.Add(series);

8. 自动缩放轴以显示所有系列数据

   // Auto-scale X- and Y-axes.chart.ViewXY.ZoomToFit();

LightningChart.NET| 下载试用

欢迎加入LightningChart技术交流群，获取最新产品咨询：

想要了解或购买LightningChart 正版授权的朋友，欢迎咨询官方客服。

标签：