1. Configuring Siebel Open UI
  2. Configuring a Chart Layout

Configuring a Chart Layout

The framework provides the capability to render a Siebel chart applet by using a functional Presentation Model (PM) that interfaces with the Oracle JET oj-chart component. By using the capabilities of oj-chart, the framework renders a modern, responsive chart visualization.

The objective of this configuration is to provide a functional Presentation Model (PM) component that interfaces with the Oracle JET oj-chart component to render a Siebel chart applet.

This layout provides a modern, responsive chart-based visualization UI, implements a Presentation Model (PM) wrapper that manages chart data, series (YAxisData), and groups (XAxisData), uses the Siebel PM for dynamic data binding and event handling while exposing formatted chart data to the Oracle JET chart component, supports bar, line, and pie Oracle JET chart types, and enables integration of color palettes, legends, and tooltips through Oracle JET chart configuration.

SiebelAppFacade.ChartModelView is the base JavaScript Presentation Model (PM) class for a Siebel chart applet that is used with an Oracle JET component. Any custom PM must extend SiebelAppFacade.ChartModelView and declare a dependency on siebel/chartmodelviewpm as part of the define statement.

Following functions are supported:

  • Dynamic data binding from Siebel business component data to Oracle JET chart series and groups.
  • Multiple chart types, such as bar, line, and pie.
  • Legend and tooltip support.
  • Color attribute groups support through Oracle JET ColorAttributeGroupHandler.
  • Responsive layout.
  • Chart orientation. Horizontal indicates that the chart is horizontally oriented. Vertical indicates that the chart is vertically oriented, which is the default. This applies only to bar and line charts.

To configure a Chart Layout:

  1. Configure the applet by following the standard configuration steps for a chart applet. For more information, see Siebel Special Purpose Applets Guide.
  2. Go to the Manifest Administration view to configure the manifest.
    1. Create a new entry in Applet "UI Objects":
      • Type: Applet
      • Usage Type: Presentation Model
      • Name: <Applet Name>

    2. Create a record in the "Object Expression" applet:

      • Expression: "Redwood Theme"
      • Level: 1

      For the preceding record, associate the file siebel/chartmodelview with it by using the Applet Files.

Validation

Validate the chart user interface to confirm correct rendering, axes, legends, and tooltip behavior. Also confirm that chart-related event handling works as expected.

Test the chart in Siebel UI to ensure:

  • Data binding to chart series and groups works correctly.
  • Under the Redwood theme, the applet displays Oracle JET chart behavior as expected.

Customization Scenario

  • Extend chart configuration to support additional Oracle JET chart options, such as animation, zooming, and stack-related options.
  • For advanced customization, see Siebel Special Purpose Applets Guide.