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

 About Harness rules

 zzz Show all 

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

 zzz 1. Create and test the interactive chart

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

Test the chart.

 zzz 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.

 zzz 3. Complete the Cell Properties panel — Top fields

Complete the top panel.

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 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.
Display As

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

Parameter Description
Applies To

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

SmartPromptEnter the second key part — View Purpose — of the summary view rule. The system uses ALL as the final key part.
Header

Select true or false to control whether a header appears above the report contents.
Action

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="zzzz" 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.

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.

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.

 zzz 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 an Input box. See Adding an Input Box — Complete the Cell Properties Panel — General tab.

 zzz 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 an Input box. See Adding an Input Box — Complete the Cell Properties Panel — Advanced tab.

 zzzNotes

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

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.

zzz About Flow Action rules

zzz About Harness rules

zzz About Section rules