Wyn Enterprise User Guide

Wyn Enterprise: Area Chart

Area charts are used to represent the change in one or more data quantities over time. Similar to line charts, the data points in area charts are plotted and connected by line segments, which display the magnitude of a value at different times. Unlike line charts, the area charts have the area between the line and x-axis filled with a color.

In this video tutorial, we will show you how to create each type of area chart in Wyn Enterprise.

Types of Area Charts

Wyn Enterprise supports the following types of area charts.

Area Chart Range Bar Chart: It is used to depict the data series as colored regions that help in comparing the values of multiple series for the same data point. This chart shows trends over time.

Area Chart Example

Range Area Chart Range Bar Chart: It is similar to an area chart in which the colored regions represent the area between the minimum and maximum values for each category. This chart plots two values for each category.

Range Area Chart

Stacked Area Chart Stacked Area Chart: It is used to depict data series as stacked regions with different colors that help in performing comparisons between multiple series for the same data point. This chart shows the trend of the contribution of each value over time or other categorical data.

Stacked Area Chart

Percent Stacked Area Chart Stacked Area Chart: It is used to depict the series of data points with positive and negative values shown over time to reveal the values of multiple series for the same data point. This chart shows the percentage that each value contributes over time or other categorical data.

Percent Stacked Area Chart

Design an Area Chart in Wyn Enterprise

From the Dashboard Toolbox, open the Data Visualization node and drag-drop the Area Chart scenario onto the design area.

Adding a chart scenario from the Dashboard Toolbox

Bind Dataset to Chart Scenario

With the scenario selected, from the Data Binding tab, select the dataset. Once the dataset is successfully loaded in the designer, the data binding panel automatically expands and displays the data attributes available in the dataset.

The following image shows the chart scenario bound to the 'TechnologyDataset' dataset.

Adding a dataset to chart scenario

On dragging and dropping the data attributes to the data binding area of the scenario, the chart is plotted accordingly, with a default chart title on the design area.

Chart Scenario with bound attributes

Format Data Attributes

To format the data attributes and control the display of data, you can perform a variety of operations such as renaming, modifying data format and display unit, creating a hierarchy field, applying an aggregation method, etc.

For more information about these operations, see Data Attributes.

In the following chart scenario, count aggregation is applied to the 'Ticket' attribute to show the count of tickets.

Formatting fields in a chart

Analyze Data

Wyn Dashboards scenarios support rich data analysis and exploration capabilities that can help analyze massive amounts of information and make data-driven decisions. For example, adding filters to scenarios, sorting data, reference lines, trend lines, etc. These operations are available in the Action Bar corresponding to each scenario in the designer.

For more information, see Data Analysis and Interactivity in Dashboards.

In the following chart scenario, the filter is applied to show data only for the selected months, that is, Jan, Feb, Mar, Apr, May, June, and July.

Filtered data in a scenario

Customize Appearance

Use the properties in the Inspector tab of the scenario to customize its appearance by adding a border, modifying data labels, changing chart style, renaming chart title, setting corner radius, etc.

General Settings

  1. Show Gridlines
    To display horizontal gridlines in a chart scenario, you can set the Show Grid Lines property of the value axis to 'True'. By default, this property is set to 'False'. You can also specify the gridline color by choosing a suitable color from the color palette.

    Adding gridlines in charts

  2. Format Axis Titles
    You can show or hide axis titles for a chart by using the Show Title property for the Value and Category axes. When you set Show Title property to 'True', the axis titles are enabled. Wyn Dashboards set data attributes' names as the axis titles. You can provide a custom name to the axis title by renaming the attributes in the data binding area. For more information on renaming data attributes, see the topic on Rename an Attribute.

    Changing Axis Titles

  3. Change Axis Scale
    To customize the scale values for the Value axis of a chart scenario, select the axis and set the Max Value, Min Value, or Interval properties.

    Changing Axis Scale

Advanced Settings

  1. Analyze Multivariate Data
    In complex Chart scenarios, you may want to analyze multivariate data. With Wyn Dashboards, you can easily establish potential relationships and correlations between multiple data attributes for such analysis.

    For example, if you want to analyze the number of tickets by month and ticket priorities, you need to bind the Axis (Category) to multiple dimensions, that is, Month and Priority in the data binding area as shown.

    Visualizing multivariate data

  2. Change Line Style
    By default, Wyn Dashboards use straight lines to connect the data points in an area chart. To change the default line style in the chart, use the Line Style property and set it to Spline or Step.

    Setting the line style in the chart