Before You Begin
This 10 minute tutorial is the last in the Visualizing Data module.
Background
Oracle Visual Builder Cloud Service is a visual development tool for creating web and mobile applications by simply dragging and dropping UI components onto a page. You don't need any programming experience to develop an application.
In this tutorial, you will add and configure gauges that show sales as a percent of the sales objectives.
The images in this tutorial sequence show the standalone version of Oracle Visual Builder Cloud Service. If you are using the Oracle Integration Cloud version, you will see an additional menu at the top of each page that lets you switch between Visual Builder and Integration Cloud.

What Do You Need?
- Access to Oracle Visual Builder Cloud Service
- A supported browser (see Known Issues for Oracle Visual Builder Cloud Service for more information)
Add a
Gauge
Now you will add a gauge. A gauge visually represents a single
value.
- Open the page menu, and select the Sales Objectives page.
- Drag and drop a List View on the Sales
Objectives canvas. List Views can be found in the Collection
section of the Components palette.
Description of the illustration vbcs_s1_1_list.png - In the Data page of the List Creation wizard, select Summary.
Description of the illustration vbcs_s1_2_listwizard_p1.png - In the Layout page of the List Creation Wizard, select the Four
Column layout, then click
.
Description of the illustration vbcs_s1_3_listwizard_p2.png - In the Mapping page, drag and drop Year on
the first column of the list. Select Output Text from
the component dialog.
Description of the illustration vbcs_s1_4_listwizard_p3.png - Drag and drop Region in the second column.
- Drag and drop Sales in the third column
and select Output Currency from the
component dialog. The fourth column is now on the next line,
but you'll fix that soon. Click
.
- In the Object Actions page, click Off for
all default actions and click
.
Description of the illustration vbcs_s1_5_listwizard_p4.png - In the Options page of the Table Creation wizard, click Finish.No additional action is required in the Options page.
- Select the Year text field and click the Properties
tab. Set the Label Position to None.
Description of the illustration vbcs_s1_6_label_position.png
Add a
Second Gauge
- Drag a Circular Status Meter from the
Gauge section of the Components palette to the fourth column
of the Sales Objective list.
Description of the illustration vbcs_s2_1_add_gauge.png - In the pop-up box, select or enter the following details:
- Business Object:
Summary
(selected by default) - Value:
Sales
- Minimum Value:
0
- Maximum Value:
16000
Description of the illustration vbcs_s2_2_gauge_popup.png icon to create the field.
- Business Object:
- In the Property Inspector, set the Label Position to None.
Description of the illustration vbcs_s2_3_gauge_label.png - Set the Value Label to %.
Description of the illustration vbcs_s2_4_gauge_value.png
Configure
Thresholds for the Second Gauge
- On the Data page, click
to add a threshold. Thresholds are used to control the color of a gauge. As long as the value of the gauge's data is below a threshold, it will display the color selected for that threshold.For Threshold 1, enter a value of
15000
, and select Orange for the color.Description of the illustration vbcs_s3_1_threshold1.png - In the same way, add two more thresholds. Configure
Threshold 2 with a value of
16000
and the color Green. Configure Threshold 3 with a value of50000
and the color Blue. - The gauges visually represent each region's sales for a
given year. Gauges that are orange show sales that fall below
94% of target. Green gauges indicate sales that are above this
threshold, or that have met the sales objective. Blue gauges
show results that have exceeded the sales objective.
Description of the illustration vbcs_s3_2_gauges_configured.png
Want
to Learn More?
- Using Oracle Visual Builder Cloud Service in the Oracle Help Center
- About the Components of Oracle Visual Builder Cloud Service in Using Oracle Visual Builder Cloud Service
- Known Issues for Oracle Visual Builder Cloud Service in the Oracle Help Center