Wyn Enterprise User Guide

Wyn Enterprise: Line Chart

Line charts are the most basic charts that are created by connecting the data points with straight or curved lines. These charts are used to visualize a trend in data by comparing values against periodic intervals such as time, temperature, etc. This chart is also used to depict the data values plotted over time to display the trends. It shows continuous data over time on an evenly scaled axis.

Line Chart Example

Design a Line Chart in Wyn Enterprise

From the Dashboard Toolbox, open the Data Visualization node and drag-drop the Line 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

You can format the data attributes and control the display of data by performing a variety of operations such as renaming, modifying data format and display unit, creating a hierarchy field, applying an aggregation method, etc. Using these operations, you can control the display of data attributes in a scenario.

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. Note that you can apply all these operations using the Action Bar corresponding to each scenario in the designer.

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

The following image shows filtered data in the chart scenario for the first six months i.e. Jan, Feb, Mar, Apr, May, and June.

Filtered data in a scenario

Customize Chart Appearance

You can customize the default chart appearance by setting properties in the Inspector tab of the scenario such as adding a border, modifying data labels, setting chart style, renaming chart title, changing line style, etc.

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

    Adding grid lines in charts

  2. Format Axes 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 the 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

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

    Setting the radius for rounded corners in a chart

  5. Show Dots
    To emphasize the data points along the line, use the Show Dots property in the Inspector tab and set the property to 'True'.

    Showing dots in a Line Chart