In this article, each Ops Portal view section will be discussed in detail, covering the selections, settings, and options of the Graph control.

The Graph view lets you view output data in defined graphical chart types, such as; Line chart, Pie chart, Multi-bar chart, Stacked Area chart, and a Discrete Bar chart.

This article describes how to:

Create the Graph View

Select the Control

Assign the Flow

Select the Chart Type

Set the Chart Parameters

Input Schema

Select the Options

Test the View

Watch the tutorial video below to learn how to create the Graph View using the Synatic Operations Portal.

Creating a new Graph View

Go to the Operations Portal menu and select the Operations Portal Tutorial.

  1. Adjacent to the Views tab, click ⨁ to add a new View.

  2. Select Graph in the selection list.

  3. Give the View a name and a meaningful description.

The Control type

The Graph control option must be selected to produce the associated Flow in a Graphical chart format.

Click on the Control field and select the Graph option. The Graph control window for this View opens and lets you edit the relevant values and options described below.

The Flow

Each View created requires that a previously created Synatic Flow is selected for use when the view is run. You may create a new Flow, or alternatively, you can select the Flow you want to use from the selection list.

The Chart Type

This option selection defines the type of Graph chart to be used for the View. Click on the Chart Type field to open the selection list and select the chart type you want to use.

Chart Parameters

Each chart selected requires the following parameters:

  • Chart Height: This parameter sets the size of the Graph to be displayed and can be set at any number of pixels as required. You should select a size that displays the chart adequately.

  • X Parameter: This parameter defines the X-axis of the Graph.
    For this article, we'll be using the Author field name as derived from the Get All Books flow output.

  • Y Parameter: This parameter defines the Y-axis. of the Graph.
    For this article, we'll be using the Review field value as derived from the Get All Books flow's API output.

The field name Author and Reviews can be obtained from the output of the Get All Books API flow:

Input Schema

The Input Schema is used in cases where a Synatic Flow requires input data before it can execute. We'll use the Input Schema designer to build an input form to capture and pass data to the selected flow.

The object values used in this illustration are also obtained as in the section above.

  1. The Designer tab is used to add input fields to capture the required data.

  2. The "string" option is used to select the appropriate data type input field.

  3. The Required checkbox is checked when you want to ensure the value is entered at runtime.


Select the following options to further define your view output:

  • Allow File Upload - This option instructs the view to request a JSON file if the assigned Flow requires input data from a data file. This option is usually selected in conjunction with and when Input Schema is used.

  • Return Source - This option defines the source type of the data returned to the Flow.
    Select one from the dropdown list:
    Auto - Auto detects the appropriate output.
    Record - Returns the current record processed by the sub flow.
    Output - Returns the output of a Writer Step (if any) in the sub flow.
    Result - Returns the output of the Destination Step (if any) in the sub flow.

  • Execute Automatically - If you select this checkbox, the View executes automatically.

Save the View

When you have completed the View's configuration, click the Save View button.

Test the View

It is always advisable to test each view you create in Synatic's Ops Portal.

1. Select the Ops Portal option in the Account menu to open the Operations Portal. This is also the method used by the operations personnel to process these views.

2. Select the Ops Portal view you created from the list of available views.

3. The result of the Graph view is displayed.

4. The view displays the Pie Chart depicting the Author and No. of Reviews values at the time the view was executed.

  • The graph shows the color of each Pie slice which is the X-axis parameter Author.

  • Float the mouse pointer on each slice to see the Y-axis parameter Reviews value.

Useful Tutorials

Revisit the Getting Started page for a refresher.

Learn more in the Operations Portal tutorials.

< Building the HTML Control Back to the Introduction >

Did this answer your question?