[]
        
(Showing Draft Content)

Pie Chart

Pie charts, the most common tool used for data visualization, are circular graphs that display the proportionate contribution of each category, represented by a pie or a slice. The magnitude of the dependent variable is proportional to the angle of the slice. These charts can be used for plotting just one series with non-zero and positive values.

Wyn Enterprise supports the following types of pie charts.

Pie Chart Pie Chart Icon: It is a chart divided into slices or sectors. These slices represent the percentage each value contributes to a total.

Pie Chart

Donut Chart Doughnut Chart Icon: It is similar to the pie chart where each slice is used to display the percentage each value contributes to a total, with a hole at the center.

Donut Chart

Rose Diagram Rose Diagram Icon: It is a chart divided into equal slices or sectors where the arc length of each slice depends on the value it represents. The outer segments in a rose chart are given more significance due to their large area sizes.

Pie Chart

Design a Pie Chart in Wyn Enterprise

From the Dashboard Toolbox, open the Data Visualization node and drag-drop the Pie 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 'ProcessTempsDataset' 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 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, average aggregation is applied to temperature attribute to show the average temperature.

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 heat types, that is, steam, water, clean up, and space heat.

Filtered data in a scenario

Customize Appearance

To customize the chart appearance, set the properties in the Inspector tab of the scenario; add a border, modify data labels, change chart style, rename chart title, set corner radius, etc.

General Settings

  1. Change Legend Position
    By default, Wyn Dashboards display legend to the right of your chart scenario. To change the legend position, set the Position property of legend to Top, Bottom, or Left. You can also display the legend title by setting the Title property to 'True'. When you enable legend title in a scenario, Wyn Dashboards set the data attribute name as the title. To provide a custom name to the legend title, rename the attribute in the data binding area. For more information on renaming a data attribute, see Rename an Attribute.

    Changing Legend Position

  2. Show/Hide Legend Items
    You can show, hide, highlight, and make the legend items inactive by just clicking the particular legend item on the preview. This is applicable in case of multiple legend series as well.

    Perform the following steps to Show/Hide the Legend items:

  • Add data binding to the Legend item.

    Adding Data Binding to Legend

  • On the Inspector tab, under the Legend section, click the dropdown list Click Action. There are two options: Select/Unselect and Hide/Show. By default, the legend click action property is set to Select/Unselect.

    Legend Click Action Dropdownlist

  • If the option Select/Unselect is selected, then initially on preview, the data is displayed for all the legend items. If any particular legend item is selected, then that legend item is highlighted and rest all will be greyed out. You can click that legend item again, to display all the legend items again.

    Legend Click Action Select/Unselect

    There is cross-filtering for other charts in this scenario.

  • If the option Hide/Show is selected, then initially on preview, the data is displayed for all the legend items. If any particular legend item is selected, then it will be hidden. You can click that legend item again to display all the legend items again.

    Legend Click Action Hide/Show

    There is no cross-filtering for other charts in this scenario.

Note: The Click Action for the Legend is available for all the chart types except Card Chart.

  1. Display Data Labels
    You may want to display percent values as data labels in a pie chart to provide information about the individual slices. To display data labels, set the Show Data Labels property to 'True'. By default, Wyn Dashboards display values as percentages. You can format data labels by setting the Value property to 'True' and choosing an appropriate display unit from the drop-down.

    Displaying data labels in charts

Advanced Settings

  1. Display Connecting Lines
    Connecting lines are the lines that connect the data labels with the associated data points. They make it easier to locate the data labels in a chart associated with each slice. You can display connecting lines by setting the Connecting Line Mode property to a suitable option from the drop-down. You can also specify the color and width for the connecting lines by using the Connecting Line Color and Line Width properties.

    Displaying connecting lines in a pie chart

  2. Set Inner Radius
    To specify the value for the inner radius in a pie chart, you can use the Inner Radius property. By default, this property is set to 70.
    Note that you can specify the inner radius value only in Donut and Rose charts.

    Setting the inner radius in a pie chart