#Oracle jet calendar how to#
#Oracle jet calendar code#

End Date Source Type - Set this series-level attribute to 'Item', and select the page item to be used for setting the end date of the gantt chart. This is a required setting in order to render the chart. Start Date Source Type - Set this series-level attribute to 'Item', and select the page item to be used for setting the start date of the gantt chart.

#Oracle jet calendar how to#

This example demonstrates how to customize a Gantt chart's colors, using Universal Theme color css classes, and the setting of the chart start and end dates based upon page items. This chart only displays the Row, Label, and Progress information, by setting the Show Row, Show Label and Show Progress attributes.įor more information on the JET Gantt chart options, refer to the Oracle JET ojGantt API.įor more information on Reference Object settings, refer to the Oracle JET Cookbook Gantt Chart: Multiple Tasks Per Row example. Tooltip Options - Use the chart-level Tooltip attributes to declaratively choose what information should be displayed in the Gantt chart tooltip.

Set the referenceObjects option as part of the chart initialization Define Reference Object line on the chart

#Oracle jet calendar code#

The JavaScript Code should follow a template similar to the following: Any chart initialization changes, to attributes such as the chart y-axis, type, or orientation, can also be made.

JavaScript Code - Use this chart-level attribute to customize your chart attributes and data. Otherwise, the type is assumed to be 'milestone'. As outlined in the type property of the RowTask type definition in the ojGantt API, if Task Start Date and Task End Date values are specified and unequal, then the assumption is that the task type is 'normal'. Normal tasks are rendered as the blue lines, while Milestones are rendered as gray diamond-shaped markers. The difference in appearance is due to how JET interprets the Task 'type'. Task Appearance - the Tasks rendered on this example differ in appearance, with some being displayed as blue lines with start/end dates, while others are displayed as gray diamond-shaped markers. However, when that column mapping is not set, 'Row' will display the value for the Task Name column. When the Row Name column mapping is set, 'Row' displays the value for the Row Name column. The 'Label' displays the value for the Task Name column. By default, a tooltip displays an entry for 'Row' and 'Label'. Tooltip Settings - The new Show Row attribute has been set to No, to prevent a 'Row' entry being displayed in a task tooltip. However, if the Row Name column mapping is set, its associated text will be rendered for the given row of the chart. By default, the Task Name will be rendered. The text rendered in this region is dependent upon the column mappings defined at series-level. For this example, the value of Task Name is displayed.

The chart settings in use are as follows: Show Row Axis - set to Yes, to render the left section of the Gantt. The Reference Object is displayed as a thin red line, marking today's date. This example demonstrates the rendering of a Gantt chart with a single task per row of the chart, and a JavaScript customization to apply a Reference Object.