- App Builder User's Guide
- Managing Database Application Components
- Creating Charts
- Adding a Chart in Page Designer
10.3.7 Adding a Chart in Page Designer
Add a chart to a page by creating it manually in Page Designer.
To add a chart to an existing page in Page Designer:
- View the page to contain the chart in Page Designer.
- In the Gallery at the bottom of the central pane, click
Regions and locate Chart. The Gallery lists all controls or components you can add to a page. Passing the cursor over a control or component displays a tooltip that describes it.
- From the Gallery,
- Right-click Chart to view the context menu.
- Select Add To and then the desired location.
Tip:
You can also click Chart in the Gallery and drag it to the appropriate location in the Layout tab.
- Page Designer indicates what to do next. The Show Messages icon displays in the
Page Developer toolbar.
- Click the Show Messages icon on the Page
Designer toolbar.The Messages dialog displays errors that must be addressed.
- Select an error to highlight the associated attribute in the Property Editor.
- Click the Show Messages icon on the Page
Designer toolbar.
- Edit the Series:
- In the Rendering tab under the chart, expand the Series node and select the new series.
- Under Series node, select a series.
- Source, Location - Select
the location of the database you want to use. Options include:
-
Local Database - Data is sourced from a local database. (This location is selected by default.)
-
REST Enabled SQL - Data is sourced from a remote database, where the connection is defined using REST Enabled SQL Reference.
-
REST Source - Data is sourced from a RESTful web service defined using REST Data Sources.
-
Region Source - Data is sourced from the location specified in the region source definition.
-
- Column Mapping, Label - Select the column name to be used for defining the label(s) of the x-axis on the chart. For a Stock chart, the column should be of data type Date/Timestamp, to represent the stock information on a time axis
- Column Mapping, Value - Select the column name to be used for defining the value on this chart. For a Box Plot chart, this column will be used for defining the minimum, quartiles, median, and maximum values of the numerical data set.
Note:
To view help for an attribute, select the attribute in the Property Editor and click the Help tab in the central pane.
- Expand the Axes node:
Tip:
The Axes node only displays for chart types that support axes (such as area, bar, bubble, combination, line, line with area, polar, radar, range, scatter, and stock).
- In the Rendering tab under the chart, expand the Axes node.
- Under Axes node, select an Axis.
- Edit the required axis attributes and define any data formatting to be applied to the axis values.
- Edit the Region attributes.
- In the left pane (or Rendering tab), select the chart.The Property Editor, Region tab displays the region attributes
- Review and edit the region attributes in the Property Editor.
- In the left pane (or Rendering tab), select the chart.
- Edit the chart Attributes:
- In the Property Editor, select the Attributes tab.
- Edit the required chart attributes.
- Click Save or Save and Run Page.
Parent topic: Creating Charts