Arction Ltd从事高性能的大数据可视化研发近15年，其下产品LightningChart处于行业绝对领先水平,本使用教程将会带您学会如何使用LightningChart .NET进行数据可视化展示。

本教程介绍了如何创建具有多个AreaSeries的简单 2D 图表。
AreaSeries可以看作是一条连接分配给它的所有数据点的线，并为线和轴之间的区域着色。

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

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

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 .NET使用教程（六）：带有 CustomAxisTicks 的 2D BarSeries 图表

如果您对该图表控件感兴趣，欢迎加入图表控件QQ交流群：740060302

如果你想了解LightningChart.NET正版价格，欢迎查看产品介绍或咨询慧都在线客服