Hide and Show Behavior - Use this chart-level attribute to allow allowing a user to hide and unhide a series by clicking the chart legend markers. Upon hiding/showing a series, the With Rescale setting will result in the pie chart automatically recalculating the percent values displayed on the label to factor in the selection change. Selecting a slice of the pie will highlight and explode the slice.

Label Display As - To display the 'Label' column mapping information in the label on each pie slice, this new series-level attribute is set to Label.

Legend size - To decrease the amount of space between the pie chart and legend, the legend size attribute can be set to a value, in pixels or percent. Click the Increase Legend Size or Decrease Legend Size buttons to trigger a change in the legend size in relation to the chart. A dynamic action is used to update the region size. Refer to the ojChart API guide for more information on this setting.

Link - This series-level attribute can be set to define a link on the chart element. For this example, the new Interactive Grid URL Filtering support is demonstrated here. When you click on a chart element, the URL will redirect you to page 47 in the application, which contains an Interactive Grid saved report on the EBA_DEMO_CHART_TASKS table. The report will filter information based upon the project (ID) associated with the selected chart element. The URL Filtering is achieved by defining a link on the chart series, with the following settings:

• Link Type = Redirect to Page
• Target = Page 47
• Link Builder Target settings:
  • Set Item Name = IG_ID - using the IG_ syntax to reference a column of the Interactive Grid
  • Set Item Value = &ID.
  • Clear/Reset Action = 'Clear Regions'
  • Advanced Request = IG[tasksRep]_tasks - where tasksRep is the region static ID, and tasks is the saved report name.

For more information on the Pie chart settings, refer to the Oracle JET Cookbook Pie Chart: Hide & Show and Pie Chart: Animations examples.

Pie Other Threshold - Use this chart-level attribute to attribute to aggregate small slices of the chart into an "Other" node. The attribute can be used to specify the smallest slice that will be displayed as a ratio of the total pie value.

Label Position - The series-level attribute is set to Outside Slice, rendering the label on the outside of each slice.

Label Display As - The new series-level attribute is set to Percentage ( Value ), rendering the label in that format, without the need to use custom JavaScript code to acomplish it.

Sort Order - Donut chart slices can be sorted based on the values. The new Sort Order chart-level attribute allows you to define the sort order of your chart. Through the use of Dynamic actions, you can allow your end users to toggle the sort order. Use the Ascending/Descending buttons to the top right of the chart to change the sorting of the data items on the charts.

JavaScript Initialization Code - Use this chart-level attribute to customize the otherColor JET attribute, to set the color of the 'Other' slice of the chart. By default, that slice will use the color black. Use the following code snippet to achieve this:

function (options) {
    // Set color of 'Other' slice to pink
    $.extend( options.styleDefaults, { otherColor: '#e85d89' }) ;
    return options;
}

For more information on the Pie chart sort settings, refer to the Oracle JET Cookbook Pie Chart: Sorting example.

Display As - Use this series-level attribute to define the level of detail you wish to display on the labels of your pie and donut chart. Prior to 18.1, customing the label required the use of JavaScript code. With 18.1 and above, just select the option that best suits your requirements, from the following list:

• Label: the labels will display on the slices of the chart, based on the selected Label column mapping. For example, Bugs.
• Percentage: the labels will display as values between 0% and 100%, based on the selected Value column mapping. The value is a percentage of the total values represented on the chart. For example, 15%.
• Value: the labels will display as numeric values, based on the selected Value column mapping.
• Label - Percentage ( Value ) : the labels will display the label, value and percentage information in the following format: label - percentage ( value ). For example, Bugs - 15% ( 18 ).
• Percentage ( Value ): the labels will display as numeric values, based on the selected Value column mapping. For example, 15% ( 18 ).

Label Position - The series-level attribute is set to Outside Slice, to ensure lengthy labels are visible, and rendered outside the slice of the donut.

For more information on the custom label settings, refer to the Oracle JET Cookbook Chart: Data Label Callback example.