【點擊下載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正版授權的朋友可以。

有關產品動態的更多精彩內容，敬請關注下方的微信公眾號▼▼▼