【點(diǎn)擊下載LightningChart Ultimate SDK最新版本】

AreaSeries可以看作是連接分配給它的所有數(shù)據(jù)點(diǎn)并對線和軸之間的區(qū)域著色的線。

AreaSeries可以通過多種方式使用，從不同數(shù)據(jù)的視覺比較到超時(shí)可視化趨勢/模式。

本教程假定您已在WinForms或WPF應(yīng)用程序上使用LightningChart創(chuàng)建了新圖表。如果沒有，請按照我們的簡單二維圖表創(chuàng)建一個(gè)應(yīng)用程序。

1.創(chuàng)建新的AreaSeries并為創(chuàng)建的系列添加樣式。

您可以使用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.創(chuàng)建2個(gè)新的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.為兩個(gè)新的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正版授權(quán)的朋友可以。

有關(guān)產(chǎn)品動態(tài)的更多精彩內(nèi)容，敬請關(guān)注下方的微信公眾號▼▼▼