LightningChart .NET使用教程（五）：2D AreaSeries 图表

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

本教程介绍了如何创建具有多个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交流群：

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

标签：