Full-Stacked Spline Area Chart
- 3 minutes to read
Short Description
The Full-Stacked Spline Area Chart (100% Stacked Spline Area Chart) is represented by the FullStackedSplineArea3DSeriesView object, which belongs to Area Series Views. This view is similar to Full-Stacked Area Chart, but plots a fitted curve through each data point in a series.
A Full-Stacked Spline Area chart is shown in the image below.
Note
A Full-Stacked Spline Area chart can display series containing data points with positive or negative values. However, a series with positive values is stacked only with other series containing positive values; and a series with negative values is stacked with other series containing negative values.
Note that if a series contains data points with both positive and negative values, it is treated as a series with positive values, while all its negative values are treated as zeros.
Chart Type Characteristics
The table below lists the main characteristics of this chart type.
| Feature | Value |
|---|---|
| Series View type | FullStackedSplineArea3DSeriesView |
| Diagram type | XYDiagram3D |
| Number of arguments per series point | 1 |
| Number of values per series point | 1 |
Note
For information on which chart types can be combined with the Full-Stacked Spline Area Chart, refer to the Series Views Compatibility document.
Example
The following example demonstrates how to create a ChartControl with two series of the FullStackedSplineArea3DSeriesView type, set their general properties, and add this chart to a form at runtime. Before proceeding with this example, first create a Windows Forms Application in Visual Studio, and include all necessary assemblies to the References list of your project.
Then, add the following code to the Form.Load event handler.
using System;
using System.Windows.Forms;
using DevExpress.XtraCharts;
// ...
private void Form1_Load(object sender, EventArgs e) {
// Create an empty chart.
ChartControl fullStackedSplineArea3DChart = new ChartControl();
// Create two series of the FullStackedSplineArea3D view type.
Series series1 = new Series("Series 1", ViewType.FullStackedSplineArea3D);
Series series2 = new Series("Series 2", ViewType.FullStackedSplineArea3D);
// 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.
fullStackedSplineArea3DChart.Series.AddRange(new Series[] {
series1,
series2});
// Adjust the view-type-specific options of the series.
((FullStackedSplineArea3DSeriesView)series1.View).Transparency = 20;
((FullStackedSplineArea3DSeriesView)series2.View).Transparency = 60;
// Access the diagram's options.
((XYDiagram3D)fullStackedSplineArea3DChart.Diagram).ZoomPercent = 110;
// Add a title to the chart and hide the legend.
ChartTitle chartTitle1 = new ChartTitle();
chartTitle1.Text = "3D Full Stacked Spline Area Chart";
fullStackedSplineArea3DChart.Titles.Add(chartTitle1);
fullStackedSplineArea3DChart.Legend.Visible = false;
// Add the chart to the form.
fullStackedSplineArea3DChart.Dock = DockStyle.Fill;
this.Controls.Add(fullStackedSplineArea3DChart);
}
Tip
A complete sample project is available in the DevExpress Code Examples database at https://supportcenter.devexpress.com/ticket/details/e1024/how-to-create-a-3d-full-stacked-spline-area-chart.