Back Forward Harness, Section, and Flow Action forms
Adding a chart

 About Harness rules

  Show all 

You can add a static or interactive chart to a cell on a harness, section, or flow action form. PROJ-649 5.4

  1. Create and test the interactive chart

Create a summary view rule or report definition rule and complete the Chart tab to define the chart.

Test the chart.

  2. Add the Chart control to a cell.

Click the down-arrow (Arrow) at the right end of the Advanced control group (Layout group) and select the Chart control (Chart). Drag the control. When the pointer changes shape to indicate that you can drop the layout, release the mouse button.

If the destination cell is not empty, the dropped paragraph replaces the current contents of the cell. Click the magnifying glass icon (Magnifying glass) to display the Cell Properties panel.

  3. Complete the Cell Properties panel — Top fields

Complete the top panel. GRP-229

Your updates to this panel can update the rule form immediately or upon clicking Apply, depending on the Property Panel settings in your Edit preferences. See Setting your preferences. If the panel is pinned(pin), the wireframe on the rule form changes immediately to reflect your inputs. If the panel is not pinned(pin), click Apply to apply your inputs.

Field

Description
Property

Accept the default property .pyTemplateChart. This property name is a placeholder.
Control

Accept the default value Chart. Click the magnifying glass icon (Magnifying glass) to enter parameters for this pseudo Control rule:

Parameter Description
Report Type Select Report Definition or Summary View, depending on the source of the chart.
Applies To

SmartPromptIdentify the Applies To key part of the summary view rule.
Name

SmartPromptEnter the second key part — Report Name or View Purpose — of the report definition or summary view rule. The system uses ALL as the final key part.
Action

For Summary View report types only.

Select:

  • refresh — Execute the summary view rule, extracting and formatting data.
  • reuse — bypass report extraction when this same summary view rule has run (in this user context with appropriate parameters) recently and the Code-Pega-List page is still present, containing results.
Width

Optional. Enter a number for the height of the interactive chart in pixels, or a percentage of the window size followed by the % character. If present, this overrides any value in the summary view rule.
Height

Optional. Enter a number for the width of the interactive chart in pixels, or a percentage of the window size followed by the % character. If present, this overrides any value in the summary view rule.
Chart ID

Optional. Enter a text value for the ID attribute of the chart object in auto-generated HTML code.
Parameters

ArrayOptional. If the summary view requires parameters, such as for selection criteria, complete this name and value array to supply parameter values. Order is not significant.
Behavior

Optional. Leave blank if no dynamic form actions to other parts of the form are to occur based on user updates or values for this field. C-1990

To establish a dynamic form action, click the magnifying glass icon (Magnifying glass) to open the Client Event Editor in a new dialog window. Complete the Client Event Editor to select an event (OnBlur, OnChange, or OnClick) and the resulting form action. C-2526

Click the help icon ( Help) on the Client Event Editor for assistance. For general information on this capability, see Implementing dynamic form actions and the Client Event Editor.

Client event support is not available for harness, section, or flow action rules that use directives.

  4. Complete the Cell Properties panel — General tab

Complete the General tab.

The General tab for a Chart control is identical to the General tab for a Text Input control. See Adding a Text Input control — Complete the Cell Properties Panel — General tab.

  4. Complete the Cell properties panel — Advanced tab

Complete the Advanced tab.

The Advanced tab for a Chart control is identical to the Advanced tab for a Text Input control. See Adding a Text Input control — Complete the Cell Properties Panel — Advanced tab.

 Notes

The pseudo-Control rule Chart supports the configuration described here. As it is not a true control rule, do not the select this for the Control field on the General tab of a Property form.

Advanced featureFor summary view charts only: As an advanced alternative to the approach described here, you can use the chart JSP tag in hand-coded flow action, section, or harness rule, and disable auto-generation of HTML code. See chart JavaServer Pages tag.

Up About Flow Action rules

Up About Harness rules

Up About Section rules