百分比堆积面积图

百分比堆积面积图 (100% 堆积面积图) 是由 FullStackedArea3DSeriesView 对象来表示的，此对象属于 Area Series Views。这种视图把系列显示为图象上的面积，每个数据点的取值都与所有其他对应数据点取值相堆积。在这种情况下，区域的高度始终是图表图象的全部高度 (即 1)。这种视图用于比较相同点参数的多个系列的百分比取值。

在下面的插图中显示了一个百分比堆积面积图。

注意
百分比堆积面积图可以显示包含正值或负值数据点的系列。但是，有正值的系列只能与其他包含正值的系列相堆积；有负值的系列与其他包含负值的系列相堆积。注意，如果系列同时包含正值和负值数据点，那么它被作为有正值的系列进行处理，而它的所有负值都被视为零。

注意

百分比堆积面积图可以显示包含正值或负值数据点的系列。但是，有正值的系列只能与其他包含正值的系列相堆积；有负值的系列与其他包含负值的系列相堆积。

注意，如果系列同时包含正值和负值数据点，那么它被作为有正值的系列进行处理，而它的所有负值都被视为零。

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

特征	取值
系列视图类型	FullStackedArea3DSeriesView
图象类型	XYDiagram3D
每个数据点的参数个数	1
每个数据点的取值个数	1

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

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

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

C#	复制代码
using System; using System.Windows.Forms; using DevExpress.XtraCharts; // ... private void Form1_Load(object sender, EventArgs e) { // Create an empty chart. ChartControl fullStackedArea3DChart = new ChartControl(); // Create two series of the FullStackedArea3D view type. Series series1 = new Series("Series 1", ViewType.FullStackedArea3D); Series series2 = new Series("Series 2", ViewType.FullStackedArea3D); // Populate both series with points. series1.Points.Add(new SeriesPoint("A", 80)); series1.Points.Add(new SeriesPoint("B", 20)); series1.Points.Add(new SeriesPoint("C", 50)); series1.Points.Add(new SeriesPoint("D", 30)); series2.Points.Add(new SeriesPoint("A", 40)); series2.Points.Add(new SeriesPoint("B", 60)); series2.Points.Add(new SeriesPoint("C", 20)); series2.Points.Add(new SeriesPoint("D", 80)); // Add the series to the chart. fullStackedArea3DChart.Series.AddRange(new Series[] { series1, series2}); // Adjust the series options. series1.Label.Visible = false; series2.Label.Visible = false; // Adjust the view-type-specific options of the series. ((FullStackedArea3DSeriesView)series1.View).Transparency = 20; ((FullStackedArea3DSeriesView)series2.View).Transparency = 60; // Access the diagram's options. ((XYDiagram3D)fullStackedArea3DChart.Diagram).ZoomPercent = 110; // Add a title to the chart and hide the legend. ChartTitle chartTitle1 = new ChartTitle(); chartTitle1.Text = "3D Full Stacked Area Chart"; fullStackedArea3DChart.Titles.Add(chartTitle1); fullStackedArea3DChart.Legend.Visible = false; // Add the chart to the form. fullStackedArea3DChart.Dock = DockStyle.Fill; this.Controls.Add(fullStackedArea3DChart); }

C#

复制代码

using System;
using System.Windows.Forms;
using DevExpress.XtraCharts;
// ...

private void Form1_Load(object sender, EventArgs e) {
    // Create an empty chart.
    ChartControl fullStackedArea3DChart = new ChartControl();

    // Create two series of the FullStackedArea3D view type.
    Series series1 = new Series("Series 1", ViewType.FullStackedArea3D);
    Series series2 = new Series("Series 2", ViewType.FullStackedArea3D);

    // Populate both series with points.
    series1.Points.Add(new SeriesPoint("A", 80));
    series1.Points.Add(new SeriesPoint("B", 20));
    series1.Points.Add(new SeriesPoint("C", 50));
    series1.Points.Add(new SeriesPoint("D", 30));
    series2.Points.Add(new SeriesPoint("A", 40));
    series2.Points.Add(new SeriesPoint("B", 60));
    series2.Points.Add(new SeriesPoint("C", 20));
    series2.Points.Add(new SeriesPoint("D", 80));

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

    // Adjust the series options.
    series1.Label.Visible = false;
    series2.Label.Visible = false;

    // Adjust the view-type-specific options of the series.
    ((FullStackedArea3DSeriesView)series1.View).Transparency = 20;
    ((FullStackedArea3DSeriesView)series2.View).Transparency = 60;

    // Access the diagram's options.
    ((XYDiagram3D)fullStackedArea3DChart.Diagram).ZoomPercent = 110;

    // Add a title to the chart and hide the legend.
    ChartTitle chartTitle1 = new ChartTitle();
    chartTitle1.Text = "3D Full Stacked Area Chart";
    fullStackedArea3DChart.Titles.Add(chartTitle1);
    fullStackedArea3DChart.Legend.Visible = false;

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

Visual Basic	复制代码
Imports System Imports System.Windows.Forms Imports DevExpress.XtraCharts ' ... Private Sub Form1_Load(ByVal sender As Object, _ ByVal e As EventArgs) Handles MyBase.Load ' Create an empty chart. Dim fullStackedArea3DChart As New ChartControl() ' Create two series of the FullStackedArea3D view type. Dim series1 As New Series("Series 1", ViewType.FullStackedArea3D) Dim series2 As New Series("Series 2", ViewType.FullStackedArea3D) ' Populate both series with points. series1.Points.Add(New SeriesPoint("A", 80)) series1.Points.Add(New SeriesPoint("B", 20)) series1.Points.Add(New SeriesPoint("C", 50)) series1.Points.Add(New SeriesPoint("D", 30)) series2.Points.Add(New SeriesPoint("A", 40)) series2.Points.Add(New SeriesPoint("B", 60)) series2.Points.Add(New SeriesPoint("C", 20)) series2.Points.Add(New SeriesPoint("D", 80)) ' Add the series to the chart. fullStackedArea3DChart.Series.AddRange(New Series() { series1, series2}) ' Adjust the series options. series1.Label.Visible = False series2.Label.Visible = False ' Adjust the view-type-specific options of the series. CType(series1.View, FullStackedArea3DSeriesView).Transparency = 20 CType(series2.View, FullStackedArea3DSeriesView).Transparency = 60 ' Access the diagram's options. CType(fullStackedArea3DChart.Diagram, XYDiagram3D).ZoomPercent = 110 ' Add a title to the chart and hide the legend. Dim chartTitle1 As New ChartTitle() chartTitle1.Text = "3D Full Stacked Area Chart" fullStackedArea3DChart.Titles.Add(chartTitle1) fullStackedArea3DChart.Legend.Visible = False ' Add the chart to the form. fullStackedArea3DChart.Dock = DockStyle.Fill Me.Controls.Add(fullStackedArea3DChart) End Sub

Visual Basic

复制代码

Imports System
Imports System.Windows.Forms
Imports DevExpress.XtraCharts
' ...

Private Sub Form1_Load(ByVal sender As Object, _ 
ByVal e As EventArgs) Handles MyBase.Load
    ' Create an empty chart.
    Dim fullStackedArea3DChart As New ChartControl()

    ' Create two series of the FullStackedArea3D view type.
    Dim series1 As New Series("Series 1", ViewType.FullStackedArea3D)
    Dim series2 As New Series("Series 2", ViewType.FullStackedArea3D)

    ' Populate both series with points.
    series1.Points.Add(New SeriesPoint("A", 80))
    series1.Points.Add(New SeriesPoint("B", 20))
    series1.Points.Add(New SeriesPoint("C", 50))
    series1.Points.Add(New SeriesPoint("D", 30))
    series2.Points.Add(New SeriesPoint("A", 40))
    series2.Points.Add(New SeriesPoint("B", 60))
    series2.Points.Add(New SeriesPoint("C", 20))
    series2.Points.Add(New SeriesPoint("D", 80))

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

    ' Adjust the series options.
    series1.Label.Visible = False
    series2.Label.Visible = False

    ' Adjust the view-type-specific options of the series.
    CType(series1.View, FullStackedArea3DSeriesView).Transparency = 20
    CType(series2.View, FullStackedArea3DSeriesView).Transparency = 60

    ' Access the diagram's options.
    CType(fullStackedArea3DChart.Diagram, XYDiagram3D).ZoomPercent = 110

    ' Add a title to the chart and hide the legend.
    Dim chartTitle1 As New ChartTitle()
    chartTitle1.Text = "3D Full Stacked Area Chart"
    fullStackedArea3DChart.Titles.Add(chartTitle1)
    fullStackedArea3DChart.Legend.Visible = False

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

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

三维 XY-图象

简要说明

图表类型特征

示例

参阅