图表控件LightningChart.NET使用教程：如何创建2D AreaSeries图表

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

LightningChart.NET完全由GPU加速，并且性能经过优化，可用于实时显示海量数据-超过10亿个数据点。 LightningChart包括广泛的2D，高级3D，Polar，Smith，3D饼/甜甜圈，地理地图和GIS图表以及适用于科学，工程，医学，航空，贸易，能源和其他领域的体绘制功能。LightningChart.NET现已加入在线订购，现在抢购立享优惠！立即咨询>>

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);

想要购买FusionCharts Suite XT正版授权，或了解更多产品信息请点击【咨询在线客服】

标签：

来源：慧都