- HTML5 Gauge Example

HTML5 Gauge Example

• • create an Operation.

  • set the Operation Type.

  • create the Operation Code query.

example:

• • set the Display Group to “User Defined”.

example:

Setting up the Field Descriptor

• • in this sample, we are setting up a Derived Field Descriptor: “D_GOOGLE_GAUGE”.

example:

• • set the Display Component to: “Google - Gauge”.

    • then click the apply button.

    • this will open up a textbox displaying the code.

    • this user defined HTML will be filled in automatically. It can be edited.

example:

• • set the Field Descriptor Type (to derived, if the field is a derived field, being created).

  • set the Association Operation as necessary.

    • create the Association Operation if needed.

      • click the Add button to create an Association Operation immediately.

  • click the Update FD or Insert FD button at the top or bottom of the page.

example:

Setting up the Association Operation

• • create an Operation.

  • set the Operation Type to an Association.

  • create the Operation Code query.

example:

• • set the Display Group to the menu group the operation will appear under.

example:

Note: Completed results. The derived field displaying the Gauge is using the Operation Title as “Sample.”

This Gauge chart also displays results from the Association Operation Code.