ActiveReports 16 .NET Edition
ActiveReports 16 User Guide / Concepts / Page Report/RDL Report Concepts / Toolbox / Chart / Plots / Area Chart
In This Topic
    Area Chart
    In This Topic

    An Area Chart is similar to a line chart that is connected using line segments. The Area Chart arranges a period horizontally, connects them by line, encodes values into points, and fills the area between the line segments and x-axis with color. An area plot is a good chart option when you want to observe the volume change over a period. It gives the summation of the quantitative data.

    Stacked Area Chart

    A Stacked Area chart is a type of area chart that helps in breaking down data values into subcategories by placing corresponding area subsections on top of each other. The Create Stacked Area Chart walkthrough showcases plotting the Net Sales over a year with stacked areas for each Product Category.

    Stacked Area

    Stacked Area

     

    Stacked Percentage Area Chart

    A Percentage Stacked Area chart combines the stacked area and the Percentage axis scale. Apart from showing changes in data values, the chart can also show each subcategory's contribution to a total. The Create Stacked Percent Area Chart walkthrough showcases plotting the percentage share of Product Categories in Net Sales. 

     

    Percentage Stacked Area

    Percentage Stacked Area

     

    Clustered Area Chart

    A Clustered Area chart is used to break down data values into subcategories for granular analysis. For example, the Clustered Area Chart can be used to depict the total sales changes over a year segregated into clustered areas per product category.

    Clustered Area Chart

    Clustered Area Chart

    Area Plot Properties

    The Area Plot properties discussed below can be accessed from the Properties Panel by selecting the Chart > Plot from the Report Explorer. You can access some of the important properties from the Plot's Smart Panel too. See Chart Smart Panels topic for more information. Both the Properties Panel and the Smart Panel can be accessed by right-clicking the plot in the design area.

    Common

    Action

    The action to perform when the area plot is clicked. The action can be a hyperlink, a bookmark, or a drill-through. 

    Labels

    The data labels for each area chart.

    LineStyle

    The line style for the area plot borders.

    Name

    The name of the plot. By default, a chart containing a single plot has the plot name as 'Plot1'.

    Tooltip Template

    Contains the tooltip template settings. You can choose from the list of predefined settings or set your own in the Expression Editor.

    Configurations

    ClippingMode

    The Clipping Mode determines how a plot extends within the plot area. The ClippingMode can be set to

    LineAspect

    The Line Aspect determines the line style that connects data points.

    Opacity

    The Opacity determines the opacity of areas filled with color. 100% opacity means that the plot fill color is opaque while 0% opacity means that the plot fill color is completely transparent.

    Overlays

    Overlays property is a collection for superimposing the data trend on a plot. For more information, see Trendlines topic.

    Rules

    Rules control the appearance of plots based on specified conditions. For more information on conditions, see Rules.

    ShowNulls

    Represents how null or empty values should be shown in the plot - Gaps (default), Connected, or Zeros.

    UnpivotData

    Determines whether to display multiple data fields as a single data field. By default, the property is set to 'False'. 

    Design

    BarSettings

    The BarSettings specifies the bar style settings.

    Encodings

    Category Encoding 

    The Category Encoding of an Area plot creates an area between the axis and the line generated from the connected data points representing the periodic change. The Category encoding includes the following properties.

    Values

    The Values property is the collection and takes the field as a category.

    SortingField

    The SortingField defines the order in which the categories are displayed. It takes the default same as the Values field, but you can also specify another field to sort the categories.

    SortDirection

    The SortDirection defines the ascending or descending order in which the categories should be sorted.

    SortingAggregate

    The SortingAggregate property specifies the aggregate to use for sorting the categories. 

    Color Encoding

    The Colors Encoding enables the color legend of the Details or Category Encoding. It includes the following properties:

    Aggregate

    Aggregates the value of Color expression.

    ShowValuesName

    If set to True, the legend is displayed based on the value specified in Details encoding or Color encoding.

    Values

    The Values is the collection where the value of the Color expression is specified. However, the Area plots take the first item from the collection.

    Details Encoding

    The Details Encoding breaks down the data values into subcategories and produces additional groups. The Details property is the collection of items and each item includes the following properties that define the Details encoding:

    Values Encoding

    The Values encoding specifies the data values, and represents the collection of items and each item includes the following properties.

    Type

    The Type property provides 'Simple' and 'Complex' options to choose from. However, for Area plots, 'Simple' is acceptable.

    Value

    The Value property is the collection and usually takes a bound field. However, the Area plots take the first item from the collection.

    Aggregate

    To show aggregated values such as Average, Count, and Sum instead of individual values, specify an Aggregate function.

    Text Encoding

    The Text Encoding provides support of any dataset field in chart labels and tooltips and allows displaying additional info on the chart. When two text encodings are added, they are displayed by default with the ";" delimiter. A text encoding includes the following properties:

    Aggregate

    Aggregates the value of the Text expression.

    Target

    Specifies whether this text is for a Label or a Tooltip Label. The label format is controlled with the chart's Labels > Template property or Tooltip Template property.

    The Template property can use both the predefined values and the added text encoding fields, for example:

    Count:{Text0}
    Sum:{valueField.value}

    Template Key

    A unique key, used in the chart plot's Labels > Template and Tooltip Template to access the text encoding value.

    Value

    A field, constant or expression to be displayed.

    See Also