面积图

面积图 是由 AreaSeriesView 对象来表示的，此对象属于面积系列视图。这种视图把系列显示为图象上的填充面积，把每个数据点显示为区域中的峰、谷。当需要在同一个图象上显示多个系列的趋势时，或者显示局部与整体的关系时，使用这种视图。

在下面的插图中显示了一个面积图。注意，这种图表类型基于 XYDiagram，因此可以被旋转，从而垂直地或水平地显示图表。

下表列出了这种图表类型的主要特征。

特征	取值
系列视图类型	AreaSeriesView
图象类型	2D- XYDiagram
每个数据点的参数个数	1
每个数据点的取值个数	1

注意
要获得关于哪些图表类型可以与面积图组合使用的信息，请参阅组合使用不同的系列视图文档。

下面的示例演示了在运行时刻如何创建 ChartControl (拥有两个 AreaSeriesView 类型的系列)，并把图表添加到窗体中。在继续本示例之前，首先要在 Visual Studio 中创建一个 Windows 窗体应用程序，并把所有必需的程序集包含到项目的“引用”列表中。

然后，把下列代码添加到 Form.Load 事件处理程序。

C#	复制代码
using DevExpress.XtraCharts; // ... private void Form1_Load(object sender, EventArgs e) { // Create a new chart. ChartControl areaChart = new ChartControl(); // Create two area series. Series series1 = new Series("Series 1", ViewType.Area); Series series2 = new Series("Series 2", ViewType.Area); // Add points to them. series1.Points.Add(new SeriesPoint(1, 15)); series1.Points.Add(new SeriesPoint(2, 18)); series1.Points.Add(new SeriesPoint(3, 25)); series1.Points.Add(new SeriesPoint(4, 33)); series2.Points.Add(new SeriesPoint(1, 10)); series2.Points.Add(new SeriesPoint(2, 12)); series2.Points.Add(new SeriesPoint(3, 14)); series2.Points.Add(new SeriesPoint(4, 17)); // Add both series to the chart. areaChart.Series.AddRange(new Series[] { series1, series2 }); // Set the numerical argument scale types for the series, // as it is qualitative, by default. series1.ArgumentScaleType = ScaleType.Numerical; series2.ArgumentScaleType = ScaleType.Numerical; // Access the view-type-specific options of the series. ((AreaSeriesView)series1.View).Transparency = 80; // Access the type-specific options of the diagram. ((XYDiagram)areaChart.Diagram).EnableAxisXZooming = true; // Hide the legend (optional). areaChart.Legend.Visible = false; // Add the chart to the form. areaChart.Dock = DockStyle.Fill; this.Controls.Add(areaChart); }

C#

复制代码

using DevExpress.XtraCharts;
// ...

private void Form1_Load(object sender, EventArgs e) {
    // Create a new chart.
    ChartControl areaChart = new ChartControl();

    // Create two area series.
    Series series1 = new Series("Series 1", ViewType.Area);
    Series series2 = new Series("Series 2", ViewType.Area);

    // Add points to them.
    series1.Points.Add(new SeriesPoint(1, 15));
    series1.Points.Add(new SeriesPoint(2, 18));
    series1.Points.Add(new SeriesPoint(3, 25));
    series1.Points.Add(new SeriesPoint(4, 33));

    series2.Points.Add(new SeriesPoint(1, 10));
    series2.Points.Add(new SeriesPoint(2, 12));
    series2.Points.Add(new SeriesPoint(3, 14));
    series2.Points.Add(new SeriesPoint(4, 17));

    // Add both series to the chart.
    areaChart.Series.AddRange(new Series[] { series1, series2 });

    // Set the numerical argument scale types for the series,
    // as it is qualitative, by default.
    series1.ArgumentScaleType = ScaleType.Numerical;
    series2.ArgumentScaleType = ScaleType.Numerical;

    // Access the view-type-specific options of the series.
    ((AreaSeriesView)series1.View).Transparency = 80;

    // Access the type-specific options of the diagram.
    ((XYDiagram)areaChart.Diagram).EnableAxisXZooming = true;

    // Hide the legend (optional).
    areaChart.Legend.Visible = false;

    // Add the chart to the form.
    areaChart.Dock = DockStyle.Fill;
    this.Controls.Add(areaChart);
}

Visual Basic	复制代码
Imports DevExpress.XtraCharts ' ... Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) _ Handles MyBase.Load ' Create a new chart. Dim areaChart As New ChartControl() ' Create two area series. Dim series1 As New Series("Series 1", ViewType.Area) Dim series2 As New Series("Series 2", ViewType.Area) ' Add points to them. series1.Points.Add(New SeriesPoint(1, 15)) series1.Points.Add(New SeriesPoint(2, 18)) series1.Points.Add(New SeriesPoint(3, 25)) series1.Points.Add(New SeriesPoint(4, 33)) series2.Points.Add(New SeriesPoint(1, 10)) series2.Points.Add(New SeriesPoint(2, 12)) series2.Points.Add(New SeriesPoint(3, 14)) series2.Points.Add(New SeriesPoint(4, 17)) ' Add both series to the chart. areaChart.Series.AddRange(New Series() { series1, series2 }) ' Set the numerical argument scale types for the series, ' as it is qualitative, by default. series1.ArgumentScaleType = ScaleType.Numerical series2.ArgumentScaleType = ScaleType.Numerical ' Access the view-type-specific options of the series. CType(series1.View, AreaSeriesView).Transparency = 80 ' Access the type-specific options of the diagram. CType(areaChart.Diagram, XYDiagram).EnableAxisXZooming = True ' Hide the legend (optional). areaChart.Legend.Visible = False ' Add the chart to the form. areaChart.Dock = DockStyle.Fill Me.Controls.Add(areaChart) End Sub

Visual Basic

复制代码

Imports DevExpress.XtraCharts
' ...

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) _
Handles MyBase.Load
    ' Create a new chart.
    Dim areaChart As New ChartControl()

    ' Create two area series.
    Dim series1 As New Series("Series 1", ViewType.Area)
    Dim series2 As New Series("Series 2", ViewType.Area)

    ' Add points to them.
    series1.Points.Add(New SeriesPoint(1, 15))
    series1.Points.Add(New SeriesPoint(2, 18))
    series1.Points.Add(New SeriesPoint(3, 25))
    series1.Points.Add(New SeriesPoint(4, 33))

    series2.Points.Add(New SeriesPoint(1, 10))
    series2.Points.Add(New SeriesPoint(2, 12))
    series2.Points.Add(New SeriesPoint(3, 14))
    series2.Points.Add(New SeriesPoint(4, 17))

    ' Add both series to the chart.
    areaChart.Series.AddRange(New Series() { series1, series2 })

    ' Set the numerical argument scale types for the series,
    ' as it is qualitative, by default.
    series1.ArgumentScaleType = ScaleType.Numerical
    series2.ArgumentScaleType = ScaleType.Numerical

    ' Access the view-type-specific options of the series.
    CType(series1.View, AreaSeriesView).Transparency = 80

    ' Access the type-specific options of the diagram.
    CType(areaChart.Diagram, XYDiagram).EnableAxisXZooming = True

    ' Hide the legend (optional).
    areaChart.Legend.Visible = False

    ' Add the chart to the form.
    areaChart.Dock = DockStyle.Fill
    Me.Controls.Add(areaChart)
End Sub

Show Me
在 DevExpress Code Central 数据库中可以找到完整的示例项目，网址是 http://www.devexpress.com/example=E146。取决于目标平台类型 (ASP.NET、WinForms 等)，可以在线运行本示例，或者下载自动可执行的示例。

XY-图象

简要说明

图表类型特征

示例

参阅