LightningChart教程：使用多个AreaSeries创建简单的2D图表

本教程介绍如何使用多个AreaSeries创建简单的2D图表。

【LightningChart Ultimate SDK最新版本】

AreaSeries可以看作是连接分配给它的所有数据点并对线和轴之间的区域着色的线。

AreaSeries可以通过多种方式使用，从不同数据的视觉比较到超时可视化趋势/模式。

本教程假定您已在WinForms或WPF应用程序上使用LightningChart创建了新图表。如果没有，请按照我们的简单二维图表创建一个应用程序。

1.创建新的AreaSeries并为创建的系列添加样式。

您可以使用System.Windows.Media.Color或System.Drawing.Color定义颜色，具体取决于您使用的是WPF还是WinForms。

// Create a new AreaSeries.var areaSeries1 = new AreaSeries(chart.ViewXY, axisX, axisY);// Add styling for created series.areaSeries1.Fill.Color = Color.FromRgb(176, 196, 222); // LightSteelBlue.areaSeries1.LineStyle.Color = Color.FromRgb(0, 0, 0); // Black.areaSeries1.Fill.GradientFill = GradientFill.Solid;

2.定义AreaSeriesPoints并将它们添加到AreaSeries。

// Define AreaSeriesPoints.AreaSeriesPoint[] points1 = new AreaSeriesPoint[]{    new AreaSeriesPoint(0, 10),    new AreaSeriesPoint(1, 8),    new AreaSeriesPoint(2, 9),    new AreaSeriesPoint(3, 8),    new AreaSeriesPoint(4, 7),    new AreaSeriesPoint(5, 8),    new AreaSeriesPoint(6, 7),    new AreaSeriesPoint(7, 9),    new AreaSeriesPoint(9, 8),    new AreaSeriesPoint(10, 9)};// Add points to series.areaSeries1.AddValues(points1);

3.将AreaSeries添加到图表。

// Add AreaSeries to chart.chart.ViewXY.AreaSeries.Add(areaSeries1);

4.创建2个新的AreaSeries并添加样式。

// Create 2 new AreaSeries.var areaSeries2 = new AreaSeries(chart.ViewXY, axisX, axisY);var areaSeries3 = new AreaSeries(chart.ViewXY, axisX, axisY);// Add styling for created series.areaSeries2.Fill.Color = Color.FromRgb(250, 250, 210); // LightGoldenrodYellow.areaSeries2.LineStyle.Color = Color.FromRgb(0, 0, 0); // Black.areaSeries2.Fill.GradientFill = GradientFill.Solid;areaSeries3.Fill.Color = Color.FromRgb(255, 140, 0); // DarkOrange.areaSeries3.LineStyle.Color = Color.FromRgb(0, 0, 0); // Black. areaSeries3.Fill.GradientFill = GradientFill.Solid;

5.为两个新的AreaSeries定义AreaSeriesPoints并将它们添加到AreaSeries。

// Define AreaSeriesPoints for both new AreaSeries.AreaSeriesPoint[] points2 = new AreaSeriesPoint[]{    new AreaSeriesPoint(0, 5),    new AreaSeriesPoint(1, 7),    new AreaSeriesPoint(3, 5),    new AreaSeriesPoint(4, 6),    new AreaSeriesPoint(5, 3),    new AreaSeriesPoint(6, 5),    new AreaSeriesPoint(7, 6),    new AreaSeriesPoint(8, 7),    new AreaSeriesPoint(9, 5),    new AreaSeriesPoint(10, 4)};AreaSeriesPoint[] points3 = new AreaSeriesPoint[]{    new AreaSeriesPoint(0, 1),    new AreaSeriesPoint(1, 3),    new AreaSeriesPoint(3, 1),    new AreaSeriesPoint(4, 3),    new AreaSeriesPoint(5, 2),    new AreaSeriesPoint(6, 3),    new AreaSeriesPoint(7, 2),    new AreaSeriesPoint(8, 4),    new AreaSeriesPoint(9, 1),    new AreaSeriesPoint(10, 2)};// Add points to series.areaSeries2.AddValues(points2);areaSeries3.AddValues(points3);

6.将AreaSeries添加到图表。

/ Add AreaSeries to chart.view.AreaSeries.Add(areaSeries2);view.AreaSeries.Add(areaSeries3);

想要购买LightningChart Ultimate SDK正版授权的朋友可以咨询官方客服。

有关产品动态的更多精彩内容，敬请关注下方的微信公众号▼▼▼

标签：

来源：慧都